JavaScript单例模式

工厂函数：创建单例模式
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/**
 * 单例模式
 * 定义：一个页面里边一个js类只初始化一次
 */

class Parent {
  constructor() {
    this.name = '小明';
    this.instance = null;
  }

  getName() {
    console.log(this.name)
  }
}

Parent.singel = function () {
  debugger;
  if (!this.instance) {
    this.instance = new Parent()
  }
  return this.instance
}
使用构造函数的默认属性
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function A(name){
    // 如果已存在对应的实例
   if(typeof A.instance === 'object'){
       return A.instance
   }
   //否则正常创建实例
   this.name = name
    
   // 缓存
   A.instance =this
   return this
}
var a1 = new A()
var a2= new A()
console.log(a1 === a2)//true
借助闭包
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var Head = (function () {
    var HeadClass = function () { }; // 声明HeadClass对象，无法在外部直接调用
    var instance; // 声明一个instance对象
    return function () {
        if (instance) { // 如果已存在 则返回instance
            return instance;
        }
        instance = new HeadClass() // 如果不存在 则new一个
        return instance;
    }
})();
var a = Head();
var b = new Head();
console.log(a===b) // true
var a = HeadClass(); // 报错,HeadClass is not defined
立即执行函数
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
var A;
(function(name){
    var instance;
    A = function(name){
        if(instance){
            return instance
        }
         
        //赋值给私有变量
        instance = this
         
        //自身属性
        this.name = name
    }
}());
A.prototype.pro1 = "from protptype1"
 
var a1 = new A('a1')
A.prototype.pro2 = "from protptype2"
var a2 = new A('a2')
 
console.log(a1.name)
console.log(a1.pro1)//from protptype1
console.log(a1.pro2)//from protptype2
console.log(a2.pro1)//from protptype1
console.log(a2.pro2)//from protptype2