javascript - 将函数直接链接到 Javascript 中新创建的对象实例

Question

在我为了进一步了解面向对象的 Javascript 而进行的传奇故事中 - 我遇到了一个关于创建类以响应以下 API 的问题:

var foo = new bar().delay(750).start().then(onComplete);

var bar = function() {
    this.delay(function(per) {
      //...
    };
}

有比我更有经验的人可以描述一下如何创建对此做出回应的类吗？我从未见过这样的链接，也无法在网上找到任何信息:(

Answer 1

这个链接是通过在你的函数中返回 this 来完成的:

this.delay = function(per) {
  //...
  return this;
};

如果你想坚持第一行代码，那么你的构造函数应该命名为 bar :

var bar = function() {
    this.delay = function(per) {
      //...
      return this;
    };
    this.start = function() {
      ...
      return this;
    };
}

参见 demonstration (打开控制台)