JavaScript：单例的写法

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

不过JavaScript，就算是ES6，也没有关于单例的比较优雅的写法，这点比Swift要差很多。网上有文章介绍怎么写，下面这篇就很不错。
用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操作，就是一般的使用方法了，是互相隔离的普通实例。
用单例还是普通实例，由使用者决定。

最后编辑于：2017.12.10 02:22:42

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

JavaScript：单例的写法