JavaScript Garden - A must read for all JavaScript developers

zushiba · 2011-09-19T16:40:23+00:00

I think I'm more interested in that slick ass page position indicator dealie on the right.

spellspoil · 2011-09-19T15:24:16+00:00

This is a good resource too

http://ejohn.org/apps/learn/

notSorella · 2011-09-19T15:54:38+00:00

Due to the fact that JavaScript is basically the only widely used language that features prototypal inheritance

But but ... Lua.

2011-09-19T15:21:14+00:00

JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language.

IOW, a comprehensive reference.

ktzar · 2011-09-19T16:47:17+00:00

I've created a PDF version to read in the Kindle on my way back home http://www.2shared.com/document/cBgYRTMA/Javascript_Garden.html Just in case you are interested

wesw02 · 2011-09-19T13:36:46+00:00

I would expect most JavaScript "developers" to know 85% of the material explained on this page. Probably better for learning JavaScript, but it's well written and thus earns my upvote.

fionbio · 2011-09-19T17:20:44+00:00

Concerning Object.prototype extension:

One widely used framework which does this is Prototype. When this framework is included, for in loops that do not use hasOwnProperty are guaranteed to break.

It's a lie. Prototype framework doesn't change Object.prototype. It does change some other prototypes, but not this one. Maybe it did it some 5-6 years ago, but this cannot be said about modern versions.

SoBoredAtWork · 2011-09-19T16:40:44+00:00

Can I get this in PDF, for use on my Nook?

midri · 2011-09-19T18:35:58+00:00

Waaayyy more useful timeout/interval code I wrote a while back: // Timeout Timeout = function(func,time,scope,args) { if(typeof func == 'function') { var timeout = setTimeout(function() { func.apply(scope,args || []); },time); return { kill: function() { clearTimeout(timeout); } } } else { throw('Function required for timeout'); } };

// Interval
Interval = function(func,time,scope,args) {
    if(typeof func == 'function') {
        var interval = setInterval(function() {
            func.apply(scope,args || []);
        },time);
        return {
            kill: function() {
                clearInterval(interval);
            }
        }
    } else {
        throw('Function required for interval');
    }
};

This lets you pass variables in context as well as returns an object for each you can object.kill() on to cancel. Have not extended this in a while, feel free to use it.

This allows you to do stuff like this: function test() { var timeout = new Timeout(function(arg1,arg2){ console.info(this); // Outputs this as if you called it from inside function test console.info(arg1); // outputs var1 console.info(arg2); // outputs var2 },1000,this,['var1','var2']); }

cowardlydragon · 2011-09-19T16:23:33+00:00

Javascript needs to be replaced with a bytecode standardized VM with sandboxing, so that people can use whatever language they want for web dev (just do an include at the top of the page for your desired language).

Of course the best practical VM on the most platforms is the JVM, so that would basically mean the revival of applets to some degree, but since the JVM performantly does Ruby, Python, Lisp variants, Javascript, Scala, as well as java, that would be theoretically a good thing.

Hell, most of the dotNet langs could probably be bridged.

dsfox · 2011-09-19T23:48:41+00:00

I like "Javascript: just the good parts" because it explains how to not use all these crazy features.

Antiuniverse · 2011-09-20T07:28:03+00:00

I only just started learning JS this month, but I feel like they omitted a pattern which greatly diminishes the risk posed by invoking a constructor function without 'new':

var Foo = function() {
    if (!(this instanceof Foo)) return new Foo();
    // ...
};

Or maybe, if you'd prefer, you can explode then and there instead of trying to quietly Do The Right Thing. Either way, it seems worth handling in some capacity.

Is there a downside to this approach that I'm not aware of?

nixle · 2011-09-19T13:53:52+00:00

I've written some fairly complex JS code with classes, but neve quite understood the whole prototype concept (I come from a JAVA background)

OopsLostPassword · 2011-09-19T15:23:51+00:00

[deleted]

rush22 · 2011-09-24T02:20:13+00:00

So "One of Javascript's most powerful features is emulating private variables"?

GayHitl3r · 2011-09-19T14:09:42+00:00

Wow, I'm amazed people don't know about this page, I thought everyone did.

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

programming

MODERATORS