php开源沙箱,详解JS沙箱模式

这篇文章主要介绍了JS沙箱模式,结合实例形式分析了JS沙箱模式的原理与实现方法,需要的朋友可以参考下

本文实例讲述了JS沙箱模式。分享给大家供大家参考,具体如下:

//SandBox(['module1,module2'],function(box){});

/*

*

*

* @function

* @constructor

* @param [] array 模块名数组

* @param callback function 回调函数

* 功能:新建一块可用于模块运行的环境(沙箱),自己的代码放在回调函数里,且不会对其他的个人沙箱造成影响

和js模块模式配合的天衣无缝

*

* */

function SandBox() {

//私有的变量

var args = Array.prototype.slice.call(arguments),

callback = args.pop(),

//模块可以作为一个数组传递,或作为单独的参数传递

modules = (args && typeof args[0] == "string") ? args : args[0];

//确保该函数作为构造函数调用

if (!(this instanceof SandBox)) {

return new SandBox(modules,callback);

}

//不指定模块名和“*”都表示“使用所有模块”

if (!modules || modules[0] === "*") {

for(value in SandBox.modules){

modules.push(value);

}

}

//初始化所需要的模块(将想要的模块方法添加到box对象上)

for (var i = 0; i < modules.length; i++) {

SandBox.modules[modules[i]](this);

}

//自己的代码写在回调函数里,this就是拥有指定模块功能的box对象

callback(this);

}

SandBox.prototype={

name:"My Application",

version:"1.0",

getName:function() {

return this.name;

}

};

/*

* 预定义的模块

*

* */

SandBox.modules={};

SandBox.modules.event=function(box){

//私有属性

var xx="xxx";

//公共方法

box.attachEvent=function(){

console.log("modules:event------API:attachEvent")

};

box.dettachEvent=function(){

};

}

SandBox.modules.ajax=function(box) {

var xx = "xxx";

box.makeRequest = function () {

};

box.getResponse = function () {

};

}

SandBox(['event','ajax'],function(box){

box.attachEvent();

})

运行效果截图:

4cdaa27d6bbef0cd34314c8a86a484b2.png

f59e13bf0368c77e1fe85f4dff5eb15a.png


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部