【JS 设计模式】JS 实现单例设计模式

单例设计模式就是一个类只能有一个实例,这就需要类的构造方法不能被类外的作用域捕获。
JS 是一个弱面向对象形式的语言,对于三大特性的支持不够完善,即使 ES6 也不能很好的支持。

先来看看 Java 代码的实现,看不懂也没关系,有大量的注释:

public class SingleObject {
    // 私有的构造函数,外部不可以实例化当前类,这也是 js 不能实现的地方
    private SingleObject(){}

    // 唯一被创建的实例
    private static SingleObject instance = null;

    // 获取对象的唯一接口
    public static SingleObject getInstance() {
        // 如果当前类第一次被实例化, instance 为 null,则创建一个实例
        if (instance == null) {
            instance = new SingleObject();
        }
        // 如果不是第一次实例化(不为 null),则返回当前的 instance
        return instance;
    }
    // 普通方法
    public void show() {
        System.out.println("这是对象的 show 方法");
    }
    public static void main(String[] args) {
        // 通过静态方法创建 SingleObject 实例
        SingleObject obj1 = SingleObject.getInstance();
        SingleObject obj2 = SingleObject.getInstance();

        // 内存地址是否相等
        System.out.println(obj1 == obj2); // true
    }
}

对于 Java 来说,单例的精髓就是使用 private 将类的构造函数隐藏,然后调用类的静态方法来创建唯一的一个实例。

对于 JS 来说,即使是 ES6 也没有提供 private 语法(TS 可以),想要实现还得从原型入手。即使这样做,还是不能达到和 Java 一样的效果,但是一般情况下足够了。

class SingleObject {
  // 普通方法
  show() {
    console.log("这是 show 方法");
  }
}

// 在原型上添加一个方法,可以通过类名调用
SingleObject.getInstance = (function () {
  // 利用闭包将 instance 推到全局
  let instance;
  return function () {
    // 当前类被第一次创建时,instance 为 undefined,内部代码会被执行
    if (!instance) {
      // 实例化 SingleObject 类
      instance = new SingleObject();
    }
    // 如果不是第一次创建,则返回之前的 instance,从而实现单例
    return instance;
  };
})();

// 单例,不要使用构造函数创建,请使用原型上的方法创建
let obj1 = SingleObject.getInstance();
let obj2 = SingleObject.getInstance();

obj1.show();
obj2.show();

// 内存地址是否相等
console.log(obj1 === obj2); // true

JS 就只能使用像 23 行注释那样,告诉后续开发者不要使用构造函数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值