3

我正在尝试公开一个模块。我只想向所有调用者公开它的一个实例，并且我想等到调用模块来实例化它。我试图这样做：

var obj = {};

var foobar = function(){
 var id=22;
 function GetId(){ return ++id; }
 return{ GetId: GetId };
};

obj.foobar = (function(){
    if (obj.foobar instanceof foobar) {
         return obj.foobar;
    }
    return new foobar();
})();

console.log(obj.foobar.GetId());//23
console.log(obj.foobar.GetId());//24

但实际上它只是一个混淆

obj.foobar = new foobar();

我的意图是在第一次调用obj.foobar = new foobar()时实例化obj.foobar.GetId()，第二次obj.foobar.GetId()调用使用已经实例化的版本。尽管此处不存在，但存在需要等待实例化的依赖项，new foobar();因此无法立即执行。

我怎么能做到这一点，我错过了什么？

4

2 回答 2

4

每次访问时都可以使用函数调用foobar：

obj.foobar = (function() {
  var inst;
  return function() {
    return inst || (inst = foobar());
  };
})();

console.log(obj.foobar().GetId()); // 23

如果目标执行环境支持它们，您还可以使用 ECMAScript 5 的命名访问器属性：

Object.defineProperty(obj, "foobar", {
  get: (function() {
    var inst;
    return function() {
      return inst || (inst = foobar());
    };
  })()
});

console.log(obj.foobar.GetId()); // 23

或者，如果您知道可以调用的方法列表foobar，您可以使用更复杂的解决方案：

obj.foobar = (function() {
  var inst, res = {}, methods = ["GetId"];
  function createLazyMethod(method) {
    return function() {
      if (!inst) {
        obj.foobar = inst = foobar();
      }

      return inst[method].apply(inst, methods.slice.call(arguments, 0));
    };
  }

  for (var i = 0; i < methods.length; ++i) {
    res[methods[i]] = createLazyMethod(methods[i]);
  }

  return res;
})();

console.log(obj.foobar.GetId()); // 23

使用此解决方案，一旦foobar被实例化，对其方法的调用就会以零成本进行。

于 2012-11-14T21:52:28.777 回答
2

我的意图是在第一次调用obj.foobar = new foobar()时实例化obj.foobar.GetId()

不，那行不通。如果调用该getId方法，则必须已经存在一个对象。foobar您可以为在访问时创建实例的属性定义一个 getter 函数obj，或者您只是在之前实例化它（就像您在 IEFE 中所做的那样，并且可以更短地完成分配，正如您所说的那样）。

通常，您会使用每次调用的函数（也可以是构造函数），如果它已经创建，则返回单例，否则它会创建一个并存储它：

var obj = {
    foobar: (function iefe() {
        var id, instance;
        return function constructor() {
            if (!instance) { // create it
                id = 22;
                instance = {
                    getId: function getID(){
                        return ++id;
                    }
                };
            }
            return instance;
        };
    })();
};

obj.foobar().getId() // 23
obj.foobar().getId() // 24
于 2012-11-14T21:50:50.513 回答