JavaScript:单例的写法

单例模式在面向对象的编程范式下还是非常有用的。
举个例子,将服务化的思想引入前端,可以把一些公共逻辑以服务的模式提供。把服务做成单例,在概念理解和代码维护上能带来很大的方便。

不过JavaScript,就算是ES6,也没有关于单例的比较优雅的写法,这点比Swift要差很多。网上有文章介绍怎么写,下面这篇就很不错。
用ES6重写《JavaScript Patterns》中的设计模式

用立即执行实现

用ES6重写《JavaScript Patterns》中的设计模式

let __instance = (function () {
    let instance;
    return (newInstance) => {
        if (newInstance) instance = newInstance;
        return instance;
    }
}());

class Singleton {
    constructor() {
        if (__instance()) return __instance();
        //按自己需求实例化
        this.foo = 'bar';
        __instance(this);
    }
}

let s1 = new Singleton();
let s2 = new Singleton();

console.log(s1.foo); //'bar'
console.log(s1 === s2); //true

优点:和普通类一样用new关键字创建对象,但是始终只有一个对象,是事实上的单例模式。
缺点:全局函数__instance以及函数内部变量instance游离在类之外

用静态函数实现

怎么使用es6 的class 优雅地写出单例模式?

class Singleton {
  static getInstance() {
    if (! Singleton.instance) {
      Singleton.instance = new Singleton();
    }
    return Singleton.instance;
  }
}

let s1 = Singleton.getInstance();
let s2 = Singleton.getInstance();
console.log(s1 === s2); //true

优点:单例对象保存在一个静态变量中,获取对象的方式是静态函数。
缺点:通过new方式创建的对象就不是单例了,不能阻止使用者使用非单例模式。

选哪一种?

可以说两种方式都不错,选哪一种都可以。

  • 第一种方式可以保持new一个实例的传统方式,感觉像普通实例一样,但是实际上却是单例。有些时候会让人感觉很奇怪。

  • 第二种方法,用一个静态函数来获取这个单例,这样意义就很明确,使用者知道,现在用的是单例。
    至于new操作,就是一般的使用方法了,是互相隔离的普通实例。
    用单例还是普通实例,由使用者决定。

你可能感兴趣的:(JavaScript:单例的写法)