added function patterns

chuanxshi · chuanxshi · commit 0712c3f68257 · 2012-01-13T03:03:56.000+08:00
diff --git a/function-patterns/memoization.html b/function-patterns/memoization.html
@@ -6,18 +6,45 @@
 </head>
 <body>
 <script>
-  function myFunc(param) {
-    if (!myFunc.cache) {
-      myFunc.cache = {};
-    }
+  var myFunc = function (param) {
     if (!myFunc.cache[param]) {
-      var result = {}; // ...
+      var result = {};
+      // ... expsensive operation ...
       myFunc.cache[param] = result;
     }
     return myFunc.cache[param];
-  }
-  myFunc('hello');
+  };
+  
+  // cache storage
+  myFunc.cache = {};
+  
+  var myFunc = function () {
+    var cachekey = JSON.stringify(Array.prototype.slice.call(arguments)),
+                   result;
+    if (!myFunc.cache[cachekey]) {
+      result = {};
+      // ... expensive operation ...
+      myFunc.cache[cachekey] = result;
+    }
+    return myFunc.cache[cachekey];
+  };
+  
+  // cache storage
+  myFunc.cache = {};
+  
+  var myFunc = function (param) {
+    var f = arguments.callee,
+        result;
+    if (!f.cache[param]) {
+      result = {};
+      // ... expensive operation ...
+      f.cache[param] = result;
+    }
+    return f.cache[param];
+  };
   
+  // cache storage
+  myFunc.cache = {};
 </script>
 </body>
 </html>
diff --git a/function-patterns/self-defining-functions.html b/function-patterns/self-defining-functions.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en">
+<head>
+<title>JavaScript Patterns</title>
+<meta charset="utf-8">
+</head>
+<body>
+<script>
+var scareMe = function () {
+  alert("Boo!");
+  scareMe = function () {
+    alert("Double boo!");
+  };
+};
+  
+// 1. adding a new property
+scareMe.property = "properly";
+// 2. assigning to a different name
+var prank = scareMe;
+// 3. using as a method
+var spooky = {
+boo: scareMe
+};
+// calling with a new name
+prank(); // "Boo!"
+prank(); // "Boo!"
+console.log(prank.property); // "properly"
+// calling as a method
+spooky.boo(); // "Boo!"
+spooky.boo(); // "Boo!"
+console.log(spooky.boo.property); // "properly"
+// using the self-defined function
+scareMe(); // Double boo!
+scareMe(); // Double boo!
+console.log(scareMe.property); // undefined  
+</script>
+</body>
+</html>
