JavaScript设计模式之单例模式

JS中的单例模式一般为：代码模块实例化后仅返回一个唯一的对象。在ES6有了类的概念之后，更加接近通常所说的单例：一个类实例化后仅可以返回唯一的一个实例。
应用场景：页面中的某个组件仅渲染一次。
下面用代码实现一个最简单的单例（惰性单例）

1. ES5实现方式

  var singleton = (function () {
      var instance;

      function createInstance(name, age) {
          return {
              name: name,
              age: age
          }
      }

      return {
          getInstance: function (name, age) {
              if (!instance) {
                  instance = createInstance(name, age)
              }
              return instance
          }

      }
  })()
  var person1 = singleton.getInstance('zyp', 18)
  var person2 = singleton.getInstance('zyp1', 18)
  console.log('person2', person2) //依然是{name: 'zyp', age:18 }
  console.log(person1 === person2) //true

2. ES6实现方式

  class singleton {
      constructor(name, age) {
          this.name = name;
          this.age = age;
      }
      static getInstance(name, age) {
          if(!this.instance) {
              this.instance = new singleton(name, age)
          }
          return this.instance;
      }
  }
  let person1 = singleton.getInstance('zyp', 18)
  let person2 = singleton.getInstance('zyp1', 18)
  console.log('person2', person2) //依然是一个name值为'zyp', age值为18的singleton对象
  console.log(person1 === person2) //true