javascript - 在 javascript 中使用 promise 和原型(prototype)时优雅的回调绑定(bind)

Question

我是重度 JavaScript 原型(prototype)和 promise 用户。

我的问题是我需要使用 .bind(this) 来设置每次我然后验证我的 promise 时的正确上下文。

这是显示问题的示例代码 (jsbin):

var Q = require('Q');

var AsyncCounter = function(initialValue){
  this.value = initialValue;
};

AsyncCounter.prototype.increment=function(){
  return Q.fcall(function(){
    return ++this.value;
  }.bind(this));
};

AsyncCounter.prototype.decrement=function(){
  return Q.fcall(function(){
    return --this.value;
  }.bind(this));
};

var counter = new AsyncCounter(10);

counter.increment()
  .then(function(incrementedValue){
    console.log('incremented value:', incrementedValue)
  })
  .then(counter.decrement.bind(counter))
  .then(function(decrementedValue){
    console.log('decremented value:', decrementedValue)
  });

看看我必须多久依赖一次 bind()？我觉得太不雅观了。

我确实知道 petkaantonov/bluebird promise 库及其非常有用 bind(scope)函数在回调上传播范围，但我觉得有更好的本地方法来做到这一点。

有没有人有正确的方法来做到这一点？

Answer 1

还记得当您了解 Foo.prototype.bar=function(){...} 并拒绝在构造函数中定义方法时 this.bar = function() {...}？原因是速度和内存效率。

好吧，现在您有充分的理由让时光倒流并牺牲速度/效率，以实现“可分离”方法 - 即特定于它们的构造函数实例的方法，这个 ready bound，这正是你想要的。

如果多次调用这些方法，那么在引用函数时不必使用 bind() 就可以弥补构造的低效率。此外，您还可以获得所需的句法便利。

这里是您的示例的一个版本，经过重新调整以更好地展示语法的便利性:

var AsyncCounter = function(value){

    this.increment = function(){
      return Q.fcall(function(){
        return console.log("++value: " + ++value);
      }.bind(this));
    }.bind(this);

    this.decrement = function(){
      return Q.fcall(function(){
        return console.log("--value: " + --value);
      }.bind(this));
    }.bind(this);
};

var counter = new AsyncCounter(10);

counter.increment()
  .then(counter.decrement)
  .then(counter.increment);

总而言之，您需要做两件事:

• 在构造函数内部定义方法
• 将 this 绑定(bind)到方法。