From 0ce304cca80d1de4eed07f1efbb69b9693b6df2b Mon Sep 17 00:00:00 2001
From: Garrett Johnson <=>
Date: Sat, 4 Jun 2011 02:38:09 -0400
Subject: [PATCH 1/2] added closure examples sans-jquery

---
 content/javascript-101/closures.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/content/javascript-101/closures.md b/content/javascript-101/closures.md
index 9e70de71..db28e57b 100644
--- a/content/javascript-101/closures.md
+++ b/content/javascript-101/closures.md
@@ -19,11 +19,11 @@ function is defined, resulting in all clicks alerting 5.
 How to lock in the value of i?
 
     /* this won't behave as we want it to; */
-    /* every click will alert 5 */
+    /* every 100 milliseconds, 5 will alert */
     for (var i=0; i<5; i++) {
-      $('<p>click me</p>').appendTo('body').click(function() {
-        alert(i);
-      });
+	    setTimeout(function() {
+				alert(i);
+	    }, i*100);
     }
 </div>
 
@@ -36,7 +36,7 @@ Locking in the value of i with a closure
     };
 
     for (var i=0; i<5; i++) {
-      $('<p>click me</p>').appendTo('body').click(createFunction(i));
+      setTimeout( createFunction(i), i*100 );
     }
 </div>
 

From 4c2d13a91883a1651d0d7d34c29290f93ad3974f Mon Sep 17 00:00:00 2001
From: Garrett Johnson <=>
Date: Sat, 4 Jun 2011 11:39:00 -0400
Subject: [PATCH 2/2] added new content and fixed code examples not being
 styled correctly

---
 content/javascript-101/closures.md | 96 +++++++++++++++---------------
 1 file changed, 49 insertions(+), 47 deletions(-)

diff --git a/content/javascript-101/closures.md b/content/javascript-101/closures.md
index db28e57b..6f8efa7e 100644
--- a/content/javascript-101/closures.md
+++ b/content/javascript-101/closures.md
@@ -13,23 +13,25 @@ example.
 In the functions section, we saw how functions have access to changing
 variable values. The same sort of behavior exists with functions defined within
 loops -- the function "sees" the change in the variable's value even after the
-function is defined, resulting in all clicks alerting 5.
+function is defined, resulting in each function referencing the last value stored 
+in the variable.
 
 <div class="example" markdown="1">
-How to lock in the value of i?
+Each function executed within the loop will reference the last value stored in i (5)
 
     /* this won't behave as we want it to; */
     /* every 100 milliseconds, 5 will alert */
     for (var i=0; i<5; i++) {
 	    setTimeout(function() {
-				alert(i);
+      	alert(i);
 	    }, i*100);
     }
 </div>
 
-<div class="example" markdown="1">
-Locking in the value of i with a closure
+Closures can be used to prevent this by creating a unique scope for
+each iteration -- storing each unique value of the variable within it's scope.
 
+<div class="example" markdown="1">
     /* fix: “close” the value of i inside createFunction, so it won't change */
     var createFunction = function(i) {
       return function() { alert(i); };
@@ -85,22 +87,22 @@ implementation only, may be sufficient as a temporary bridge until `bind` is wid
 adopted according to the specification.
 
 <div class="example" markdown="1">
-if ( !Function.prototype.bind ) {
-  Function.prototype.bind = function( obj ) {
-    var slice = [].slice,
-        args = slice.call(arguments, 1), 
-        self = this, 
-        nop = function () {}, 
-        bound = function () {
-          return self.apply( this instanceof nop ? this : ( obj || {} ), 
-                              args.concat( slice.call(arguments) ) );    
-        };
-
-    nop.prototype = self.prototype;
-    bound.prototype = new nop();
-    return bound;
-  };
-}
+	if ( !Function.prototype.bind ) {
+	  Function.prototype.bind = function( obj ) {
+	    var slice = [].slice,
+	        args = slice.call(arguments, 1), 
+	        self = this, 
+	        nop = function () {}, 
+	        bound = function () {
+	          return self.apply( this instanceof nop ? this : ( obj || {} ), 
+	          	args.concat( slice.call(arguments) ) );    
+	        };
+
+	    nop.prototype = self.prototype;
+	    bound.prototype = new nop();
+	    return bound;
+	  };
+	}
 </div>
 
 One of the simplest uses of `bind` is making a function, which regardless of how it's 
@@ -110,30 +112,30 @@ expecting it to the use the origin object as it's `this`. This however can be so
 by creating a bound function using the original object as demonstrated below.
 
 <div class="example" markdown="1">
-//lets manipulate "this" with a basic example
-var user = "johnsmith",
-    module = {
-        getUser: function(){
-            return this.user;
-        },
-        user: "janedoe"
-    };
-
-//module.getUser() is called where "module" is "this" and "module.user" is returned.
-module.getUser();
-//janedoe
-
-//let's now store a reference in the global version of "this"
-var getUser = module.getUser;
-
-//getUser() called, "this" is global, "user" is returned
-getUser();
-//johnsmith
-
-//store a ref with "module" bound as "this"
-var boundGetUser = getUser.bind(module);  
-
-//boundGetUser() called, "module" is "this" again, "module.user" returned.
-boundGetUser();
-//janedoe
+	//lets manipulate "this" with a basic example
+	var user = "johnsmith",
+	    module = {
+	        getUser: function(){
+	            return this.user;
+	        },
+	        user: "janedoe"
+	    };
+
+	//module.getUser() is called where "module" is "this" and "module.user" is returned.
+	module.getUser();
+	//janedoe
+
+	//let's now store a reference in the global version of "this"
+	var getUser = module.getUser;
+
+	//getUser() called, "this" is global, "user" is returned
+	getUser();
+	//johnsmith
+
+	//store a ref with "module" bound as "this"
+	var boundGetUser = getUser.bind(module);  
+
+	//boundGetUser() called, "module" is "this" again, "module.user" returned.
+	boundGetUser();
+	//janedoe
 </div>
\ No newline at end of file