started code an resue patterns

chuanxshi · chuanxshi · commit d458abcca006 · 2012-01-26T05:26:53.000+08:00
diff --git a/code-reuse-patterns/klass.html b/code-reuse-patterns/klass.html
@@ -0,0 +1,79 @@
+﻿<!doctype html>
+<html lang="en">
+<head>
+<title>JavaScript Patterns</title>
+<meta charset="utf-8">
+</head>
+<body>
+<script>
+/* Title: Klass
+   Description: generally a pattern that should be avoided unless one is more comfortable with class than prototype
+*/
+
+var klass = function (Parent, props) {
+  
+  var Child, F, i;
+  
+  // 1.
+  // new constructor
+  Child = function () {
+    if (Child.uber && Child.uber.hasOwnProperty("__construct")) {
+      Child.uber.__construct.apply(this, arguments);
+    }
+    if (Child.prototype.hasOwnProperty("__construct")) {
+      Child.prototype.__construct.apply(this, arguments);
+    }
+  };
+  
+  // 2.
+  // inherit
+  Parent = Parent || Object;
+  F = function () {};
+  F.prototype = Parent.prototype;
+  Child.prototype = new F();
+  Child.uber = Parent.prototype;
+  Child.prototype.constructor = Child;
+  
+  // 3.
+  // add implementation methods
+  for (i in props) {
+    if (props.hasOwnProperty(i)) {
+      Child.prototype[i] = props[i];
+    }
+  }
+  
+  // return the "class"
+  return Child;
+};
+
+var Man = klass(null, {
+  __construct: function (what) {
+    console.log("Man's constructor");
+    this.name = what;
+  },
+  getName: function () {
+    return this.name;
+  }
+});
+
+var first = new Man('Adam'); // logs "Man's constructor"
+first.getName(); // "Adam"
+
+var SuperMan = klass(Man, {
+  __construct: function (what) {
+    console.log("SuperMan's constructor");
+  },
+  getName: function () {
+    var name = SuperMan.uber.getName.call(this);
+    return "I am " + name;
+  }
+});
+
+var clark = new SuperMan('Clark Kent');
+clark.getName(); // "I am Clark Kent"
+
+console.log(clark instanceof Man); // true
+console.log(clark instanceof SuperMan); // true
+</script>
+</body>
+</html>
