javascript - this 并在 Javascript 中将函数作为参数传递

Question

我有以下 Javascript 对象:

function Alfa() {
  this.status='';
  this.setStatus = function(value) {
    this.status=value
  }
}

function Beta() {
  this.setSomething = function(setter) {
    setter('Something');
  }
}

比执行:

alf=new Alfa();
alf.setStatus('foo');

这工作正常，如果您查看 alf 的值，status 设置为“foo”，但是:

bet=new Beta();
bet.setSomething(a.setStatus);

我所期望的是 bet 将执行 alf 的 setStatus 函数并将 status 值设置为 ' something'，然而，这并没有发生。 alf 的 setStatus 被执行，但这不是指向 alf 实例而是指向 Window，所以属性状态是为 Window 设置，而不是为 alf 设置。

获得所需功能的正确方法是什么？

这当然是简化的实现，在现实生活中我想将 alf 的那些功能传递给事件处理程序，所以我不能更改 Beta 实现，例如:

$('xxx').click(alf.setStatus)

Answer 1

JavaScript 函数是未绑定(bind)的。这意味着 this 取决于它的调用方式而不是它的定义方式。因为您是从 bet 中调用该方法，所以 this 是 bet

要解决这个问题，您需要制作一个绑定(bind)函数，无论该函数如何调用，它都会创建一个稳定的this。

如果您使用的是兼容 ES5 的 JavaScript 解释器，那么您可以使用:Function.bind

alf.setStatus.bind(alf)

或者，如果您不知道，有几个 es5 填充程序可以在较旧的解释器中提供此功能。事实上，在绑定(bind)的 mdn 引用中提供了一个。 JQuery 有一个名为 $.proxy

的版本

一个简单的实现是您想要一个带有函数和作用域的函数。然后专门在该范围内调用您的方法，而不是使用它。就像是。

function bind(func,o) { return function() { func.call(o); } }