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();
})

运行效果截图：

更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

# JS # 沙箱模式 # quickjs 封装 JavaScript 沙箱详情 # JavaScript 沙箱探索 # 浅谈 JavaScript 沙箱Sandbox # 浅谈前端JS沙箱实现的几种方式 # 浅谈Node.js 沙箱环境 # Node.js应用设置安全的沙箱环境 # JS实现闭包中的沙箱模式示例 # JavaScript 设计模式安全沙箱模式 # WebWorker 封装 JavaScript 沙箱详情 # 自己的 # 回调 # 放在 # 相关内容 # 遍历 # 数据结构 # 对其 # 给大家 # 天衣无缝 # 作为一个 # 更多关于 # 所需要 # 写在 # 所述 # 程序设计 # 面向对象 # 操作技巧 # 可用于 # 讲述了 # javascript

返回目录在线咨询

上一篇：关键词布局对SEO的影响是什么_SEO优化教程
下一篇：如何通过视频提升SEO效果_SEO优化教程

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

JS沙箱模式实例分析

您的项目需求