Nuxt CNode：Node.js专业中文社区

精品用 Node.js 實現一個 Singleton

发布于 11 年前作者 XadillaX 8602 次预览最后一次回复是 11 年前来自分享

原文链接：http://xcoder.in/2014/09/30/javascript-singleton/

今天隨便玩了一道 CodeWar 的題。

題意大致就是你需要實現一個 Singleton 也就是單件模式的類，讓其下面代碼執行成功：

var obj1 = new Singleton();
var obj2 = new Singleton();
obj1 === obj2; // => true
obj1.test = 1;
obj2.test; // => 1

並且還有很重要的一點就是 Singleton 的對象的 instanceof 也得的確是 Singleton 才行。

開始試驗

我們猜想 new Singleton() 的結果，如果 Singleton 函數也就是這個類的構造函數沒返回值的話，直接會返回 this，有返回值的話，那麼就是等於其返回值了。

我們碼下面的代碼看一下：

var Singleton = function() {
    return { foo: "bar" };
};

console.log(new Singleton());

跑一遍之後我們的確發現了輸出的值就是：

{ foo: "bar" }

小作弊失敗

於是我這麼做：

var foo = {};
var Singleton = function() {
    return foo;
};

結果上面的幾個條件都符合了，不信大家可以自己輸出一遍看看。

但是——

這東西不是一個 Singleton 的實例，它只是一個簡單的 JSON 對象，所以還是無法通過。

死月の正解

答案有很多，CodeWar 上面每個人的解法都不一樣，但是歸根結底本質還是大同小異的。

就是第一次的時候先直接返回 this，並且把 this 放在某個地方。以後每次來這裏創建的時候返回之前存好的 this 即可：

var Singleton = function() {
    if(Singleton.prototype.instance) return Singleton.prototype.instance = this;

    // Do some initialize things
    // ...

    Singleton.prototype.instance = this;
    return this;
};

別的寫法

寫法很多，我這裏隨意挑幾個別人的答案吧。

/**
 * By tjwudi
 */
var Singleton = function(){
  return Singleton.ins = Singleton.ins ? Singleton.ins : this;
};

/**
 * By nonowarn
 */
var Singleton = (function () {
  var instance = null;

  return function(){
    return instance || (instance = this);
  };
})();

12 回复

XadillaX

1楼•11 年前

… 0. 0 咦，我怎么好像收到了一个回复，然后又不见了？

alsotang

2楼•11 年前

别人都是把 instance 放在构造函数上的，为什么你要放在构造函数的 prototype 上？文中 nonowarn 的答案我觉得最好。

alsotang

3楼•11 年前

@xadillax 因为我删了，刚才写了个失败的…

XadillaX

4楼•11 年前

@alsotang 我知道别人是 this.constructor.instance，但是不知道为什么要放在这里，constructor 是一个构造函数，在函数里面加点连接一个子对象感觉语义上很奇怪。

所以我觉得还是把它放在 this 内部比较好，可以直接用 this.instance 去调用（虽然本身就是）。

毕竟在别的语言比如说 C++ 的话，都是在类的内部有个私有的 static 的子对象，而不是类的构造函数里面又一个。

所以我觉得这样可能更符合语义吧。

不过各有各的习惯和理解，我发出来也只是抛砖引玉而已。

alsotang

5楼•11 年前

@xadillax 函数是第一公民，函数也是对象。在对象上赋个子对象挺正常的嘛。

XadillaX

6楼•11 年前

@alsotang 其实我还是有意无意把它们语义上区分的。可能是受以前其它语言毒害太深吧。

magicdawn

7楼•11 年前

注册codewar刷了几道题

就这个一句话…心中顿时一万个草呢吗呀呀呀…

magicdawn

8楼•11 年前

哎呀,这网站,碰到一个题,写了半天… 判断几点共线,function onLine(points){ … } http://www.codewars.com/kata/points-on-a-line/solutions/javascript

function onLine(points) {

  // 去重
  var _points = [];
  _points.has = function(search){
    return this.reduce(function(ret,p){
      return ret || (p[0] === search[0] && p[1] === search[1])
    },false)
  }
  points.forEach(function(p){
    if(!_points.has(p)){
      _points.push(p)
    }
  })
  
  // points 不重复
  points = _points
  if(points.length < 3) return true
  
  // y = kx + b
  // y1 = kx1 + b
  // y2 = kx2 + b
  var x1 = points[0][0]
  var y1 = points[0][1]
  
  var x2 = points[1][0]
  var y2 = points[1][1]
  
  var filter;
  
  if(x1 == x2){
    filter = function(x,y){
      return x === x1;
    }
  }
  else if(y1 == y2){
    filter = function(x,y){
      return y === y1
    }
  }
  else{
    var k = (y2 - y1)/(x2 - x1)
    var b = y1 - k * x1
    
    filter = function(x,y){
      return y === k*x + b
    }
  }
  
  for(var i = 2;i< points.length;i++){
    var x = points[i][0]
    var y = points[i][1]
    if(!filter(x,y) ) return false
  }
  
  return true
}

klamtlne

9楼•11 年前

前阵子看了设计模式和对象的一些操作，除了有限状态机（严格来说不算设计模式吧）其他的真没联想到实际工作中的应用场景，同事说是写框架时可以用到，但想来想去也只有观察者

XadillaX

10楼•11 年前

@klamtlne 如果想拿 js 写游戏还是有一定应用场景的。包括服务端和客户端。

这个 tjwudi 貌似是阿里的？

试验失败是因为你返回的只是字面量声明的对象吧，实际上相当于 return new Object(…)，被表象迷惑了