沙箱

简介

　　js中很容易出现全局变量污染的情况，全局变量需要依赖全局环境的命名空间，如果为了避免这种情况，

大多数采用多重命名空间的方式来定义变量，但是此种方式名称长度长，解析效率低。因此，可以采用一种

沙箱模式来管理我们的代码。

　　该模式创建了一个新的环境变量，所有的变量在该环境内可访问，环境外不可访问（前提是不隐式声明

全局变量如  a=123）。主要利用了函数形成的闭包。

　　具体的沙箱模式可以这样实现：

        function Sandbox(){
            if(!(this instanceof Sandbox)) return new Sandbox();
            this.modules = {};
        }
        Sandbox.prototype = {
            add: function(){
                var args = [].slice.call(arguments);
                var that = this;
                if(args.length == 2 && typeof args[0] == "string" && typeof args[1] == "function"){
                    this.modules[args[0]] = function(){
                        args[1].call(that,that);
                    }
                }else{
                    throw SyntaxError("arguments should be an string token and a function...")
                }
            },
            use: function(){
                var args = [].slice.call(arguments),
                        modules = this.modules;
                var that = this, i,len;
                var fn = args.pop();
                args = typeof args[0] == "string" ? args : args[0];
                if(args.length == 0 || args[0] == "*" ){
                    args = modules;
                }
                for(i=0,len=args.length;i<len;i++){
                    if(modules[args[i]]){
                        modules[args[i]]();
                    }else
                        continue;
                }
                fn(this);
            }
        }

        function fn1(s){s.say = function(){console.log("f1...");}}
        function fn2(s){s.speak = function(){console.log("f2...")}}
        function fn3(){console.log("f3...")}

        var s = Sandbox();
        s.add("f1",fn1);
        s.use("f1",function(s){
            s.say();
            var ss = Sandbox();
            ss.add("f2",fn2);
            ss.use("f2",function(s){
                s.speak();
            })
        })    

　　另外，jQuery的创建者之前提到过另一种在js执行引擎级别的代码隔离，即通过创建iframe，在另一个

全局空间内执行代码，这样原命名空间就不会受到污染。但是iframe的创建代价是很高的，而且如果iframe中

的脚本执行时间或者计算量很大，那么很容易消耗系统的资源。

　　

        var f = document.getElementById("f");
        f.style.display = "none"
        f.contentDocument.write("<script>parent.sandbox = function(s){eval(s)}</script>")
        sandbox("a=3")