漫談JavaScript設計模式
阿新 • • 發佈:2017-09-26
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設計模式