理解“这个” goog.bind 和 goog.net.Xhrio.send 的上下文

Question

我对调用以下代码时发生的情况感到有点困惑：

goog.net.XhrIo.send("/welcome", goog.bind(this.handleWelcome, this));

我有一个具有此签名的函数：

myproject.MyClass.prototype.handleWelcome = function(response)

在绑定之前，handleWelcome 的上下文无法访问我的 Javascript 类 myproject.MyClass 的实例字段（可以理解） ）。根据此处的信息，我现在有了上下文类实例的。一切都很好。

在我做出改变之前，“这个”的上下文是什么？

请原谅我使用的任何非 Javascript 习惯用法——我对 Java 更熟悉，并且可能使用了一些术语的大杂烩。

编辑

最初，我对传递给回调的参数有一些疑问（在本例中是一个目标类型为 goog.net.Xhrio 的事件），但主要问题是关于此和绑定，所以我删除了切向 q。

Answer 1

goog.bind 相当于 function.prototype.bind，但是第一个参数是要绑定的函数，第二个参数是应该绑定的“this”值，任何其余参数都绑定到函数的形式参数。

JavaScript 具有第一类函数，但它们不会继承地与“this”值绑定，因此除非您绑定它，否则该值取决于它的调用方式：

var x = { f : handler };
x.f(); // handler is called with "x" as the this value.
handler(); // unspecified this

传统上，如果“this”值未指定、未定义或为 null，则它通常被强制进入全局 this，“窗口”。但是，如果您在 EcmaScript 5 严格模式下运行，则该值保持不变（未指定为“未定义”）。

Answer 2

这取决于谷歌代码的作用，因为它可以在调用回调时将 this 绑定到某些东西，但它可能是未定义的。

也就是说，在谷歌库的某个地方，它有一个事件处理程序，它执行以下操作：

  goog.whatever.randomHandler = function( foo ) {
    // ...
    if (config.benFlynnHandler) {
      config.benFlynnHandler.call( something_mysterious, someArgument );
    }
    // ...

“something_mysterious”可能是null，它可能是一些半有趣的对象，或者谁知道呢。

Answer 3

goog.net.XhrIo.send("/welcome", goog.bind(this.handleWelcome, this));

this.handleWelcome 中的第一个 this 是对父类（函数）的引用。
第二个 this 是对当前函数的引用；

这是我能解释的最模糊的方式，也许在技术上不是 100% 正确，但应该接近。他们可能持有任何东西，也可能什么都没有。

查看正在发生的情况的最简单方法是将两者传递到控制台并查看其中包含的内容，可能使用 firebug。

希望这有帮助。