如何更新对象内的 JavaScript this 指针以指向另一个对象？

Question

我在使用 JavaScript 以及将一个函数作为另一个函数的参数传递时遇到了一些问题。

假设我们在一个类中，并执行类似的操作：

this.get('target').update(this.onSuccess, this.onFail);

• “目标”是一个 JavaScript 对象，它有一个名为 update() 的方法，
• 我正在调用此方法，并将调用者类的两个方法作为

更新中 的参数传递-method 有些事情发生了，当它完成时，该方法应该调用 onSuccess 方法或 onFail 方法。这看起来像：

update: function(onSuccess, onFail) {
  if(true) {
    onSuccess();
  } else {
    onFail();
  }
}

到目前为止，一切都运行得很好！但是在调用者类（调用上面更新方法的那个）中定义的那些成功/失败方法中，我使用了一个 this 指针：

onFail: function() {
  alert('Error: ' + this.get('target').error);  
}

这个指针会导致一些问题。它并不指向最初定义该方法的类，而是指向“目标”对象。

我现在需要做的是在“目标”类内的 onSuccess / onFail 调用之前更新 this 指针，以使这些方法再次工作。但这不起作用，因为“左侧分配无效”错误。

对于这样的场景，最佳实践是什么？有什么想法吗？提前谢谢！

干杯

Answer 1

调用 update() 时有两种选择：

• javascript 函数 call()
• javascript 函数 apply()

主要区别在于如何将参数传递给它。但它们都允许范围/上下文注入。

您的代码应该如下所示：

this.get('target').update.call(this, this.onSuccess, this.onFail);

Answer 2

您可以创建一个函数，将函数“绑定”到某个对象（使用闭包），然后将这些绑定函数传递给处理程序：

function bind(obj, fun) {
   return function() {
      return fun.apply(obj, arguments);
   };
};

update(bind(this, this.onSuccess), bind(this, this.onFail));

Answer 3

要重定向此，您需要在 Function 类中使用 bind() （或类似的）方法，几乎​​所有 JavaScript 库中都可以找到该方法：

if(!Function.prototype.bind){
    Function.prototype.bind = function(scope) {
      var _function = this;

      return function() {
        return _function.apply(scope, arguments);
      }
    }
}

现在执行如下操作

update: function(onSuccess, onFail) {
  if(true) {
    onSuccess.bind(this)();
  } else {
    onFail.bind(this)();
  }
}

：解释如下： JavaScript 中的绑定范围