前言

最近在开发个人项目的过程中，涉及到一个场景需要创建一个单例对象(即只能实例化一次，后续无论如何实例化获取的都是最初实例化的对象)
但是js实现单例对象的时候始终有缺陷，即便是基于模块导出了一个已实例化完成的对象。也一样可以通过原型链的方式去获取单例对象的class。
因此在实现这个功能的过程中，我花了不少时间，下面讲一下我的单例对象的实现思路。

实现思路

在之前实现minivue3的过程中我频繁的使用到了proxy这个代理。
因此从中我获得灵感，我希望同样基于模块，我默认导出一个proxy对象，对象劫持的是目标class（class也是对象，js万物皆对象，构造函数只是其中一个熟悉），并在proxy对象中监听构造函数。
在实例化我们导出的proxy对象中，实际上会触发我们监听的构造函数。
如下所示：

在构造函数被触发的时候，可以返回已经实例化好的对象，这样无论怎么new 拿到的都是我们最初已经实例化完的对象。

代码实现

因此代码实现很简单

// 封装proxy代理单例函数
function singleton(className) {
  let obj = '' // 通过闭包存储实例化的对象
  return new Proxy(className, {
    construct: function(target, args) {
      if(!obj) obj = new target(...args)
      return obj
    },
  });
}

使用时默认导出封装之后的单例函数即可，附上用例如下：

// 目标对象
class student {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

// 封装学生单例
let singletonStu = singleton(student)

// 测试用例
let c = new singletonStu('xiaoShan', 20)
let d = new singletonStu('jiajia', 19)
console.log(c === d)

效果如下：