javascript - 单例模式的简单 JS 示例不起作用

Question

我做了一个简单的单例模式示例，但在这两种情况下它都给出了空白对象。请有人帮忙吗？

var a = ( function(){
	
  var instance = {};

  function init() {
     return {
      name: "rosy",
      age: 29,
      printName: function(){
        console.log(this.name)
      }
    }
  }

  return {
    getInstance: function(){
      if(!instance) {instance = init();}
      return instance;
    }
  }
})();

console.log(a.getInstance());
console.log(a.getInstance());

Answer 1

正如我在评论中所说，问题在于 instance 被初始化为 {}，这是事实，因此 !instance 将永远不会是真的。

只有一个实例变量是为对匿名函数的一个调用而创建的。这就是拥有它的全部意义，它跟踪单例。因此用一个假值初始化它(或者保留默认的undefined，这是假值):

var a = ( function(){
	
  var instance = null;

  function init() {
     return {
      name: "rosy",
      age: 29,
      printName: function(){
        console.log(this.name)
      }
    }
  }

  return {
    getInstance: function(){
      if(!instance) {instance = init();}
      return instance;
    }
  }
})();

const first = a.getInstance();
console.log(first);
const second = a.getInstance();
console.log(second);
console.log(first === second); // true

.as-console-wrapper {
    max-height: 100% !important;
}

也就是说，如果您想要延迟初始化，则只需要所有这些复杂性。否则，只需创建对象:

var a = {
    instance = {
      name: "rosy",
      age: 29,
      printName: function(){
        console.log(this.name)
      }
    }
};

那么a.instance就是单例。如果您希望它不可写:

var a = Object.defineProperty({}, "instance", {
    value: {
      name: "rosy",
      age: 29,
      printName: function(){
        console.log(this.name)
      }
    }
});

(这也将是不可枚举的。如果您希望它可枚举，请添加 enumerable: true。)

或者只是:

var instance: {
  name: "rosy",
    age: 29,
    printName: function(){
      console.log(this.name)
    }
};

如果您希望它是只读的，请在任何现代环境中使用 const:

const instance: {
  name: "rosy",
    age: 29,
    printName: function(){
      console.log(this.name)
    }
};

<小时/>

在上述所有中，请记住，尽管您可能有一个单例，并且实例属性/常量可能是只读的，但与对象本身无关是不可变的。可以添加、删除、更改属性等。要防止出现这种情况，请使用 Object.freeze .