added object creation pattern

chuanxshi · chuanxshi · commit d7a83455ad13 · 2012-01-20T06:47:54.000+08:00
diff --git a/object-creation-patterns/module.html b/object-creation-patterns/module.html
@@ -0,0 +1,96 @@
+<!doctype html>
+<html lang="en">
+<head>
+<title>JavaScript Patterns</title>
+<meta charset="utf-8">
+</head>
+<body>
+<script>
+/* Title: Sandbox Pattern
+   Description: 
+*/
+
+function Sandbox() {
+  // turning arguments into an array
+  var args = Array.prototype.slice.call(arguments),
+      // the last argument is the callback
+      callback = args.pop(),
+      // modules can be passed as an array or as individual parameters
+      modules = (args[0] && typeof args[0] === "string") ? args : args[0],
+      i;
+      
+  // make sure the function is called
+  // as a constructor
+  if (!(this instanceof Sandbox)) {
+    return new Sandbox(modules, callback);
+  }
+      
+  // add properties to `this` as needed:
+  this.a = 1;
+  this.b = 2;
+      
+  // now add modules to the core `this` object
+  // no modules or "*" both mean "use all modules"
+  if (!modules || modules == '*') {
+    modules = [];
+    for (i in Sandbox.modules) {
+      if (Sandbox.modules.hasOwnProperty(i)) {
+        modules.push(i);
+      }
+    }
+  }
+      
+  // initialize the required modules
+  for (i = 0; i < modules.length; i += 1) {
+    Sandbox.modules[modules[i]](this);
+  }
+      
+  // call the callback
+  callback(this);
+}
+    
+// any prototype properties as needed 
+Sandbox.prototype = {
+  name: "My Application",
+  version: "1.0",
+  getName: function () {
+    return this.name;
+  }
+};
+
+Sandbox.modules = {};
+
+Sandbox.modules.dom = function (box) {
+  box.getElement = function () {};
+  box.getStyle = function () {};
+  box.foo = "bar";
+};
+
+Sandbox.modules.event = function (box) {
+  // access to the Sandbox prototype if needed:
+  // box.constructor.prototype.m = "mmm";
+  box.attachEvent = function () {};
+  box.dettachEvent = function () {};
+};
+
+Sandbox.modules.ajax = function (box) {
+  box.makeRequest = function () {};
+  box.getResponse = function () {};
+};
+
+
+// how to use
+Sandbox(['ajax', 'event'], function (box) {
+  // console.log(box);
+});
+
+Sandbox('ajax', 'dom', function (box) {
+  // console.log(box);
+});
+
+Sandbox('*', function (box) {
+  // console.log(box);
+});
+</script>
+</body>
+</html>
