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

실행 효과 캡 처:


더 많은 자 바스 크 립 트 관련 내용 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.,,,,,,,,,,,,,,,,,,
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기