位置: 编程技术 - 正文

JavaScript 设计模式 安全沙箱模式(js设计模型)

编辑:rootadmin

命名空间   JavaScript本身中没有提供命名空间机制,所以为了避免不同函数、对象以及变量名对全局空间的污染,通常的做法是为你的应用程序或者库创建一个唯一的全局对象,然后将所有方法与属性添加到这个对象上。 代码清单1 : 传统命名空间模式   在这段代码中,你创建了一个全局对象MYAPP,并将其他所有对象、函数作为属性附加到MYAPP上.   通常这是一种较好的避免命名冲突的方法,它被应用在很多项目中,但这种方法有一些缺点。   1.需要给所有需要添加的函数、变量加上前缀。   2.因为只有一个全局对象,这意味着一部分代码可以肆意地修改全局对象而导致其余代码的被动更新。   全局构造器   你可以用一个全局构造器,而不是一个全局对象,我们给这个构造器起名为Sandbox(),你可以用这个构造器创建对象,你还可以为构造器传递一个回调函数作为参数,这个回调函数就是你存放代码的独立沙箱环境。 代码清单2:沙箱的使用   让我们给沙箱添加点别的特性   1.创建沙箱时可以不使用'new'操作符   2.Sandbox()构造器接受一些额外的配置参数,这些参数定义了生成对象所需模块的名称,我们希望代码更加模块化。   拥有了以上特性后,让我们看看怎样初始化一个对象。   代码清单3显示了你可以在不需要‘new'操作符的情况下,创建一个调用了'ajax'和'event'模块的对象. 代码清单3:以数组的形式传递模块名 代码清单4:以独立的参数形式传递模块名   代码清单5显示了你可以把通配符'*'作为参数传递给构造器,这意味着调用所有可用的模块,为了方便起见,如果没有向构造器传递任何模块名作为参数,构造器会把'*'作为缺省参数传入. 代码清单5:调用所用可用模块   代码清单6显示你可以初始化沙箱对象多次,甚至你可以嵌套它们,而不用担心彼此间会产生任何冲突. 代码清单6:嵌套的沙箱实例   从上面这些示例可以看出,使用沙箱模式,通过把所有代码逻辑包裹在一个回调函数中,你根据所需模块的不同生成不同的实例,而这些实例彼此互不干扰独立的工作着,从而保护了全局命名空间。   现在让我们看看怎样实现这个Sandbox()构造器.   添加模块   在实现主构造器之前,让我们看看如何向Sandbox()构造器中添加模块。   因为Sandbox()构造器函数也是对象,所以你可以给它添加一个名为'modules'的属性,这个属性将是一个包含一组键值对的对象,其中每对键值对中Key是需要注册的模块名,而Value则是该模块的入口函数,当构造器初始化时当前实例会作为第一个参数传递给入口函数,这样入口函数就能为该实例添加额外的属性与方法。   在代码清单7中,我们添加了'dom','event','ajax'模块。 代码清单7:注册模块   实现构造器   代码清单8描述了实现构造器的方法,其中关键的几个要点:   1.我们检查this是否为Sandbox的实例,若不是,证明Sandbox没有被new操作符调用,我们将以构造器方式重新调用它。   2.你可以在构造器内部为this添加属性,同样你也可以为构造器的原型添加属性。   3.模块名称会以数组、独立参数、通配符‘*'等多种形式传递给构造器。   4.请注意在这个例子中我们不需要从外部文件中加载模块,但在诸如YUI3中,你可以仅仅加载基础模块(通常被称作种子(seed)),而其他的所有模块则会从外部文件中加载。   5.一旦我们知道了所需的模块,并初始化他们,这意味着调用了每个模块的入口函数。   6.回调函数作为参数被最后传入构造器,它将使用最新生成的实例并在最后执行。 代码清单8:实现Sandbox构造器 原文来自:Stoyan Stefanov - JavaScript Patterns Part 7:The Sandbox Pattern

推荐整理分享JavaScript 设计模式 安全沙箱模式(js设计模型),希望有所帮助,仅作参考,欢迎阅读内容。

JavaScript 设计模式 安全沙箱模式(js设计模型)

文章相关热门搜索词:js 设计模式,js的设计模式,js设计模式有什么用,JAVASCRIPT设计模式与开发实践,js的设计模式,js 设计模式,js 设计模式,js 设计模式,内容如对您有帮助,希望把文章链接给更多的朋友!

javascript 类和命名空间的模拟代码 先上一段最简单的://以下几行代码展示了命名空间、类、以及函数的模拟定义和使用:NameSpace={};NameSpace.Class=function(){this.Method=function(info){alert(info);}};ne

js创建对象的几种常用方式小结(推荐) 第一种模式:工厂方式varlev=function(){return"积木网";};functionParent(){varChild=newObject();Child.name="脚本";Child.age="4";Child.lev=lev;returnChild;};varx=Parent();alert(x.name);aler

关于JavaScript定义类和对象的几种方式 可以看看这个例子:vara='global';(function(){alert(a);vara='local';})();大家第一眼看到这个例子觉得输出结果是什么?‘global'?还是‘local'?其实都不是,输出

标签: js设计模型

本文链接地址:https://www.jiuchutong.com/biancheng/385735.html 转载请保留说明!

上一篇:javscript对象原型的一些看法(js object的原型)

下一篇:javascript 类和命名空间的模拟代码(javascript命名规范)

  • 营业外收入影响所有者权益吗
  • 文件柜材质
  • 网银发工资怎么增员的
  • 怎么查对方一个月去了什么地方
  • 员工工资占公司收入比例怎么算
  • 薪金性支出包括什么
  • 个税申报申报方式选择
  • 金税盘开完票后怎么报税一下
  • 从业人数和资产总额是灰色
  • 房地产企业简易计税
  • 政府给的慰问金叫什么
  • 发给职工的福利要交个税吗
  • 企业贷款发生的利息、手续费
  • 财务软件期初数据录入
  • 结转增值税的计算公式
  • 建筑业营改增实施指南
  • 小规模季度超过30万,普票咋交税
  • 劳务清包工可以开3个点的票么
  • 进口货物的关税税率
  • 出纳汇错款会计怎么做账
  • 外派人员补助标准
  • 新药从开发到生产的流程
  • 固定资产一次性扣除账务处理
  • 注册的注释
  • 此 google 帐号尚未与设备关联
  • 什么是保守型证券
  • 出纳交接工作注意
  • win7右键设置方法
  • 如何防止别人蹭热点
  • u启动u盘怎么装系统
  • linux 文件夹压缩
  • 工程款包工包料怎么开票
  • 对方开过来的专票丢了怎么办
  • 伊斯塔神
  • python模拟微信
  • 国有控股公司改制
  • 微信小程序自定义函数
  • php curl cookie
  • 权益工具与金融负债的转换
  • swiper插件使用步骤
  • php cookie session
  • dl.php怎么打开
  • php扩展安装方法
  • 网页视频不显示画面
  • 简单html代码
  • php搜索代码
  • 一般人转小规模政策文号
  • 未开票收入增值税申报
  • 大病医疗保险是社保吗
  • 营改增后自建厂房抵扣
  • 怎么摊销租金
  • 电子税务局网开电子发票
  • 印花税漏交了有什么影响
  • 车辆购置税可以网上缴纳吗
  • 经营结余和事业结余
  • 内帐收入怎么确定
  • 结账与对账的共同意义在于
  • 应收业务处理流程
  • 其他应付款如何隐藏收入
  • 报表与账不符情况说明
  • 购入自用的机器怎么入账
  • 减值准备包括哪几个方面
  • 抄报返写
  • 会计所说的内账外账
  • 高新技术企业认定管理办法
  • 现代服务业包括哪些
  • 发票盖发票专用章
  • 忘记MySQL的root密码该怎么办
  • windowsxp桌面文件在哪个文件夹
  • 进程lsass.exe
  • cmd命令行删除文件
  • 封装windows7
  • win10系统中断怎么解除
  • Win10 Redstone版Build 14251现身 正式版将在7月份发布
  • linux 有哪些
  • 环境变量windows
  • CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
  • 发票查询为什么查不出来
  • 农产品销售个人所得税
  • 2021年江苏省考常州职位表
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设