JavaScript 设计模式 安全沙箱模式

命名空间

　　JavaScript本身中没有提供命名空间机制，所以为了避免不同函数、对象以及变量名对全局空间的污染，通常的做法是为你的应用程序或者库创建一个唯一的全局对象，然后将所有方法与属性添加到这个对象上。
代码如下:
/* BEFORE: 5 globals */
// constructors
function Parent() {}
function Child() {}
// a variable
var some_var = 1;
// some objects
var module1 = {};
module1.data = {a: 1, b: 2};
var module2 = {};
/* AFTER: 1 global */
// global object
var MYAPP = {};
// constructors
MYAPP.Parent = function() {};
MYAPP.Child = function() {};
// a variable
MYAPP.some_var = 1;
// an object
MYAPP.modules = {};
// nested objects
MYAPP.modules.module1 = {};
MYAPP.modules.module1.data = {a: 1, b: 2};
MYAPP.modules.module2 = {};

代码清单1 ： 传统命名空间模式


　　在这段代码中，你创建了一个全局对象MYAPP,并将其他所有对象、函数作为属性附加到MYAPP上.

　　通常这是一种较好的避免命名冲突的方法，它被应用在很多项目中，但这种方法有一些缺点。

　　1.需要给所有需要添加的函数、变量加上前缀。
　　2.因为只有一个全局对象，这意味着一部分代码可以肆意地修改全局对象而导致其余代码的被动更新。

　　全局构造器

　　你可以用一个全局构造器，而不是一个全局对象，我们给这个构造器起名为Sandbox(),你可以用这个构造器创建对象，你还可以为构造器传递一个回调函数作为参数，这个回调函数就是你存放代码的独立沙箱环境。
代码如下:
new Sandbox(function(box){
　　 // your code here...
});

代码清单2：沙箱的使用


　　让我们给沙箱添加点别的特性


　　1.创建沙箱时可以不使用'new'操作符

　　2.Sandbox()构造器接受一些额外的配置参数，这些参数定义了生成对象所需模块的名称，我们希望代码更加模块化。


　　拥有了以上特性后，让我们看看怎样初始化一个对象。


　　代码清单3显示了你可以在不需要‘new'操作符的情况下，创建一个调用了'ajax'和'event'模块的对象.


代码如下:
Sandbox(['ajax', 'event'], function(box){
　　 // console.log(box);
});

代码清单3：以数组的形式传递模块名
代码如下:
Sandbox('ajax', 'dom', function(box){
　　 // console.log(box);
});

代码清单4：以独立的参数形式传递模块名

　　代码清单5显示了你可以把通配符'*'作为参数传递给构造器，这意味着调用所有可用的模块，为了方便起见，如果没有向构造器传递任何模块名作为参数，构造器会把'*'作为缺省参数传入.

代码如下: