1. 程式人生 > >漫談JavaScript設計模式

漫談JavaScript設計模式

sof mic turn 單體 ren name bsp 劃分 urn

單體模式:

  用來劃分命名空間,減少全局作用域

  代碼實例:

    

1   var functionGroup = {
2     name:‘Darren‘,
3     method1:function(){
4       //code
5     },
6     init:function(){
7       //code
8     }
9   }
  
1   var functionGroup  =newfunction myGroup(){
2     this.name =‘Darren‘;
3     this.getName =function(){
4       returnthis.name
5     }
6     this.method1 =function(){}
7     ...
8   }
工廠模式:
有助於模塊之間的解耦
 1   var XMLHttpFactory =function(){};      //這是一個簡單工廠模式
2   XMLHttpFactory.createXMLHttp =function(){
3     var XMLHttp = null;
4     if (window.XMLHttpRequest){
5       XMLHttp = new XMLHttpRequest()
6     }elseif (window.ActiveXObject){
7       XMLHttp = new ActiveXObject("Microsoft.XMLHTTP")
8     }
10   return XMLHttp;
11   }
12   //XMLHttpFactory.createXMLHttp()這個方法根據當前環境的具體情況返回一個XHR對象。
13   var AjaxHander =function(){
14     var XMLHttp = XMLHttpFactory.createXMLHttp();
15     ...
16   }

漫談JavaScript設計模式