欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS沙箱模式實例分析

 更新時間:2017年09月04日 12:06:28   作者:藍(lán)精靈依米  
這篇文章主要介紹了JS沙箱模式,結(jié)合實例形式分析了JS沙箱模式的原理與實現(xiàn)方法,需要的朋友可以參考下

本文實例講述了JS沙箱模式。分享給大家供大家參考,具體如下:

//SandBox(['module1,module2'],function(box){});
/*
*
*
* @function
* @constructor
* @param []  array   模塊名數(shù)組
* @param callback function 回調(diào)函數(shù)
* 功能:新建一塊可用于模塊運(yùn)行的環(huán)境(沙箱),自己的代碼放在回調(diào)函數(shù)里,且不會對其他的個人沙箱造成影響
和js模塊模式配合的天衣無縫
*
* */
function SandBox() {
  //私有的變量
  var args = Array.prototype.slice.call(arguments),
      callback = args.pop(),
      //模塊可以作為一個數(shù)組傳遞,或作為單獨(dú)的參數(shù)傳遞
      modules = (args && typeof args[0] == "string") ? args : args[0];
  //確保該函數(shù)作為構(gòu)造函數(shù)調(diào)用
  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);
    }
  //自己的代碼寫在回調(diào)函數(shù)里,this就是擁有指定模塊功能的box對象
  callback(this);
}
 SandBox.prototype={
   name:"My Application",
   version:"1.0",
   getName:function() {
     return this.name;
   }
 };
/*
* 預(yù)定義的模塊
*
* */
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();
})

運(yùn)行效果截圖:

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • JavaScript獲取網(wǎng)頁中第一個鏈接ID的方法

    JavaScript獲取網(wǎng)頁中第一個鏈接ID的方法

    這篇文章主要介紹了JavaScript獲取網(wǎng)頁中第一個鏈接ID的方法,涉及javascript中document.links方法的使用,需要的朋友可以參考下
    2015-04-04
  • MATLAB中ismissing函數(shù)用法小結(jié)

    MATLAB中ismissing函數(shù)用法小結(jié)

    這篇文章主要介紹了MATLAB中ismissing函數(shù)用法,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-09-09
  • BootStrap智能表單實戰(zhàn)系列(九)表單圖片上傳的支持

    BootStrap智能表單實戰(zhàn)系列(九)表單圖片上傳的支持

    這篇文章主要介紹了BootStrap智能表單實戰(zhàn)系列(九)表單圖片上傳的支持,介紹如何在生成表單后,可以支持上傳圖片后可以及時預(yù)覽圖片的功能,需要的朋友可以參考下
    2016-06-06
  • js判斷復(fù)選框是否選中及選中個數(shù)的實現(xiàn)代碼

    js判斷復(fù)選框是否選中及選中個數(shù)的實現(xiàn)代碼

    下面小編就為大家?guī)硪黄猨s判斷復(fù)選框是否選中及選中個數(shù)的實現(xiàn)代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • 自動生成文章摘要[JavaScript 版本]

    自動生成文章摘要[JavaScript 版本]

    這篇文章主要介紹了自動生成文章摘要[JavaScript 版本]
    2006-12-12
  • 淺談JS之iframe中的窗口

    淺談JS之iframe中的窗口

    下面小編就為大家?guī)硪黄獪\談JS之iframe中的窗口。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-09-09
  • js實現(xiàn)ctrl+v粘貼上傳圖片(兼容chrome、firefox、ie11)

    js實現(xiàn)ctrl+v粘貼上傳圖片(兼容chrome、firefox、ie11)

    這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)ctrl+v粘貼上傳圖片,兼容chrome,firefox,ie11,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-03-03
  • JavaScipt驗證URL新方法詳解(2023 年版)

    JavaScipt驗證URL新方法詳解(2023 年版)

    這篇文章主要為大家介紹了JavaScipt驗證URL新方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-12-12
  • 淺談JavaScript 代碼簡潔之道

    淺談JavaScript 代碼簡潔之道

    這篇文章主要介紹了淺談JavaScript 代碼簡潔之道,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-01-01
  • 使用JS實現(xiàn)簡單的圖片切換功能

    使用JS實現(xiàn)簡單的圖片切換功能

    這篇文章主要為大家詳細(xì)介紹了使用JS實現(xiàn)簡單的圖片切換功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07

最新評論