I am looking for recommendations for a browser based javascript sandbox to practice some proof of concept code.
Whenever I've had to test some browser based javascript, I find the simplest solution is the best: create a simple HTML page that calls my javascript and load it in IE (or Firefox, or whatever).
jsbin is pretty good, especially if you're trying to show some code to other people. Its major downside IMO is that because it runs your code in an iframe (i think), calls to console.log
don't appear anywhere.
http://eloquentjavascript.net/
This is a tutorial, but each page of the tutorial has a browser based interactive "command line" in which to practice the examples. And each of the code samples has a button to automaticaly push the code into the interactive evaluator.
It's not very well known, but the web development tools in the latest nightly builds of Webkit are incredible, exceeding Firebug even in terms of usefulness and speed.
Builds for Mac and Windows can be downloaded from http://nightly.webkit.org/
Once you've got it loaded, go to Develop -> Show Web Inspector
From there you can debug scripts on the current page, explore the DOM, and get access to a truly kick ass javascript console, with term completion and a great UI for examining objects.
I'm very fond of the JavaScript Shell, a lightweight bookmarklet that opens up a Firefox window that has full access to the current page's DOM.
Firebug is great, of course, but sometimes I need something a little more single-purpose.
For online sandboxes for several different languages, platforms, and open source applications, see this similar SO question.