对原型绑定感到困惑，这个声明

Question

在下面的代码中，我想知道上下文是如何绑定到this的：

在obj.myMethod(); 中，为对象提供了上下文。所以记录它会给出对象。

在var myFun = obj.myMethod; 然后myFun(); 中，上下文被赋予窗口。

唯一的区别是您将函数设置为变量。

    var obj = {

        myMethod : function () {
            console.log(this); //'this' is bound to context of object
        }
    };

    obj.myMethod(); //calling object property directly = Object {myMethod: function}

    var myFun = obj.myMethod;   
    myFun(); //but setting obj method property to a variable and running gives Window as context

---

编辑：

在this melonJS tutorial之后，我很困惑这个回调是如何使用的（向下滚动到第2部分：加载我们的关卡，你会看到完整的代码）

// Set a callback to run when loading is complete.
me.loader.onload = this.loaded.bind(this);

我读过this tutorial on callbacks，所以我明白它们的用途……但我不明白。它说this.loaded.bind(this)

第一个和第二个this 语句有什么区别？他们不一样吗？为什么我需要先调用this，然后再调用.loaded.bind()，然后再传入this？

所以，在您的示例中，您说我可以通过执行var bindMe = obj.myMethod.bind(obj); 来保持上下文，在这种情况下，您使用的是this，因为您已经在对象game 中？所以this指的是所有者game？

谢谢

Answer 1

简答

在表达式中

obj.f()

f 内的this 将绑定到obj 的值（. 左侧的表达式）。

如果一个函数被“单独”调用，即

f()

然后f 中的this 绑定到全局对象（在浏览器、窗口中）。

也就是说，您可以使用.bind 函数预先设置上下文，即

var g = obj.f.bind(obj);
f(); // success! this == obj

参考https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

您可能还想看看.call 和.apply 函数。

---

要点：函数不携带上下文。 obj.f 是成员访问，它所做的只是从obj 返回属性f 的值。调用函数时设置上下文，f 中的obj.f() 或f() 存在于全局范围内，在这种情况下，上下文将是全局对象。

长答案

阅读规格！ :) http://www.ecma-international.org/ecma-262/5.1/#sec-10.3

Answer 2

this 可以被认为是函数的所有者。实际上只有三个规则可以设置this。会是

• 使用new 运算符调用的构造函数的新对象（例如new Car()）
• 使用. 运算符调用时的对象本身（例如obj.fn()）
• 使用fn.call、fn.apply 或fn.bind 设置的上下文

否则它将是 window 对象（或在 ES5 严格模式下为 null）。