漫谈JavaScript设计模式

Posted 2020-10-08

  单体模式：

　　用来划分命名空间，减少全局作用域

　　代码实例：

　　　　

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 　　}