时间戳

首页 > 解决方案 > 单例模式的简单 JS 示例不起作用

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

问题描述

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

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());

标签： javascriptjquerydesign-patternssingleton

解决方案

正如我在评论中所说，问题在于instance初始化为{}，这是真的，所以!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)
    }
};

在上述所有内容中，请记住，尽管您可能有一个单例，并且尽管instance属性/常量可能是只读的，但对象本身的任何内容都不是不可变的。可以添加、删除、更改属性等。为了防止这种情况，请使用Object.freeze.

推荐阅读