单例模式

保证一个类仅有一个实例，并提供一个访问它的全局访问点。
利弊分析

• 优点：

  • 单例模式可以保证内存中只有一个对象，减少了内存的开销。
  • 可以避免对资源的多重占用。
  • 方便测试，可以通过接口来控制类的实例化。
  • 避免对资源的多重占用。

• 缺点：

  • 单例模式一般没有接口，扩展比较困难。
  • 单点访问，可能会导致模块的耦合。

• 基本的单例模式，就是对象字面量

const SingleTon = {   name:"tom",   age"26",   say(){     console.log("hello")   },   eat(){     console.log("rice")   } }  //访问单例 SingleTon.gender = '男' SingleTon.say() 

划分命名空间

var GianCrop = {}; GianCrop.common = {}; GianCrop.errorCodes = {}; GianCrop.pageHandler = {}; 

使用私有成员

• 方式一：约定

GianCrop.dataParse = {   //约定私有成员以_开头   _method1() {},   _method2() {},   _method3() {}   //约定公共成员不以_开头   method1() {},   method2() {},   method3() {} };  

• 方式二：闭包

// MyNameSpce.SingleTon = {} // 闭包单例模式 let MyNameSpce = {}; MyNameSpce.SingleTon = (function () {   return {     name: "tom",     age: 26,     say() {       console.log("hello");     },     eat() {       console.log("rice");     },   }; })();  const name = MyNameSpce.SingleTon.name; console.log("🚀 ~ name:", name); 

增加私有成员

let MyNameSpce = {}; MyNameSpce.SingleTon = (function () {   let isFlag = true;   let count = 30;   function getCount() {     return count;   }   return {     name: "tom",     age: 26,     say() {       console.log("hello");     },     eat() {       console.log("rice");     },     getFlag() {       return isFlag;     },     getCount,   }; })();  const { name, getFlag, getCount } = MyNameSpce.SingleTon; console.log("🚀 ~ name:", name); console.log("🚀 ~ getFlag:", getFlag()); console.log("🚀 ~ getCount:", getCount());  /**  * 🚀 ~ name: tom demo05.js:46 🚀 ~ getFlag: true demo05.js:47 🚀 ~ getCount: 30  */ 

惰性单例模式

let MyNameSpce1 = {}; MyNameSpce1.SingleTon = (function () {   let singleTon = null;   function init() {     let isFlag = true;     let count = 30;     function getCount() {       return count;     }     console.log("init-----------");     return {       name: "tom",       age: 26,       say() {         console.log("hello");       },       eat() {         console.log("rice");       },       getFlag() {         return isFlag;       },       getCount,     };   }   return {     getInstance() {       if (!singleTon) {         singleTon = init();       }       return singleTon;     },   }; })();  const demo = MyNameSpce1.SingleTon.getInstance(); const demo2 = MyNameSpce1.SingleTon.getInstance();  console.log(demo.name); console.log(demo2.name);  //调用了两次实例，但是只初始化了一次  /**  *  * 🚀 ~ name: tom  * 🚀 ~ getFlag: true    🚀 ~ getCount: 30    init-----------    tom    tom  */ 

分支

var SimpleXhrFactory = (function () {   const standard = {     createXhrObjec() {       return new XMLHttpRequest();     },   };   const activeXNew = {     createXhrObject() {       return new ActiveXObject("Microsoft.XMLHTTP");     },   };   const activeOld = {     createXhrObject() {       return new ActiveXObject("Msxml2.XMLHTTP");     },   };   var testObject;   try {     testObject = standard.createXhrObject();     return standard;   } catch (error) {     try {       testObject = activeXNew.createXhrObject();       return activeXNew;     } catch (error) {       try {         testObject = activeOld.createXhrObject();         return activeOld;       } catch (error) {         throw new Error("can't create xhr object");       }     }   } })();