Javascript可以使用bind、call和apply来设置上下文（即设置this）。
但是当我编写一个事件处理程序时：
document.getElementById('myInput').onclick = function ()
{
alert(this.value)
}
谁/什么实际上把this附加到对象本身?
P.S. 使用jQuery的时候:
$("#myInput").bind(function (){...})
有一个内部实现的 (bind, call 或者 apply)，当我没有使用jQuery时，是谁在执行这个操作呢？
onclick事件发生时会发生什么。另一方面，JavaScript规范告诉您执行x.f()时会发生什么。但它们都没有告诉您如何发生这种情况。你正在混淆两者。你看到了某些东西（x.f()部分），它指定了一个特定上下文中运行函数的情况。现在，您假设此机制是实现事件处理程序的方式。--两件事都是what，第二件事不一定是第一个what的how。 - phant0mo.x()时，JavaScript会将this绑定到函数调用中的o。f.apply()和f.call()）会改变这种行为。onclick是一个特殊情况，调用它的方法未知并取决于DOM实现。element.call.onclick()、element.onclick()等）绑定到其调用，并且在DOM实现之间可能会有所不同。 - wroniastyelement.onclick()的代码来执行，或者浏览器是否有其他更优化的特殊方法来执行此操作。 - phant0mo.onclick()所以是o提供了上下文？ - Royi Namironclick 处理程序非常简单：DOM 元素就是一个对象，你正在定义 onclick 属性为一个函数。该函数有效地成为该 DOM 元素/对象的方法。简而言之，函数执行的上下文与创建它的上下文相同（再次强调：在你的例子中，它是 DOM 元素的方法），除非将对函数对象的引用分配给另一个对象，或者在另一个上下文中使用 call 或 apply 等调用该函数对象。
当然，这还有更多的内容：正如我上面暗示的那样，函数本身也是对象，并且被称为与其“所有者”松散耦合。实际上，它们没有像这样的所有者，每次调用函数时，都会确定其上下文：
var foo = someObject.someFunction;//reference to method
someObject.someFunction();//this === someObject, context is the object preceding the function
foo();//implies [window].foo(); ==> this is window, except for strict mode
elem.onclick = function(){}中时，我们可以看到该元素仅拥有对在某个作用域（全局、命名空间对象等）中声明的函数表达式的引用。当单击事件触发时，该引用将用于调用处理程序，从而将元素的引用分配给this。为了澄清：document.getElementById('foo').onclick = (function()
{//This function returns the actual handler
var that = this;//closure var
console.log(this);//logs window object
//defined in global context
return function(e)//actual handler
{
console.log(this === that);//false
console.log(this);//elem
console.log(that);//window
};
})();//IIFE
因此，处理程序在全局上下文中声明，处理程序可以使用闭包（但这是另一个故事）通过that访问其声明的上下文。重点是，事件使用元素foo的onclick属性引用处理程序。该属性是对函数对象的引用，因此函数对象将其上下文设置为调用所做的任何对象。
我希望这能澄清我在函数“所有权”方面引起的任何困惑，也许还有JS中如何确定上下文的问题。
this 不是指运行在哪个上下文中的窗口、文档或其他吗？即使是匿名函数，它也必须在某个上下文中运行，不是吗？ - Nopethis不会从外部作用域继承上下文。如果可以的话，您就不需要不时地声明that或_self变量了。除非明确声明为方法并作为方法调用，或者显式地绑定(bind)、调用(call)或应用(apply)，否则每个函数都在全局上下文中调用。就所有权而言：函数从来没有真正的所有者，这就是我说它们松散绑定且独立的原因。起初，考虑所有权可能有所帮助。也许我应该澄清一下这一点。 - Elias Van Ootegem说DOM是答案的都是错的。
这是 JavaScript 本身作为一种语言的一部分。DOM 只是名称所示“文档对象模型”的一部分，它只是通过使用 JavaScript 来操作 HTML 的表示方式。与 DOM 相关的对象遵循标准指定的行为，但是这是通过使用 JS 实现的。就是 JS 引擎在与正在使用的布局引擎（Gecko、Trident、WebKit、Presto 等）通信实现的。因此，如果 WebKit 检测到事件，则会将其按照 DOM 规范传递给 JS 引擎，以便 JS 程序员可以处理它（这就是你甚至问这个问题的原因，因为你可以与它一起工作）。
换句话说，如果您在编写 JavaScript 代码，那么唯一能够理解如何读取和执行该代码的引擎是 JS 引擎。这个引擎（v8、SpiderMonkey/Jugger/Trace）将从布局引擎接收数据并使用它，以便您可以与之交互。同样地，另一方面，每当您运行影响布局的代码时，更改将被布局引擎检测到，并更改布局，以便用户感知更改：即使 JS 代码可能已经启动了此更改，布局引擎也会负责布局。
当你将一个函数赋值给一个对象时，“this”代表的是函数所属的对象。因此，如果你将一个函数赋值给对象a的实例，那么在函数内部使用“this”时，“this”就会指向a。"this 关键字评估为当前执行上下文的 ThisBinding 值。"
但更重要的是，在第 68 页的"函数调用"章节。
http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf
element.onclick() 等情况下评估 JavaScript 代码，这是一个没有根据的假设。浏览器没有必要这样做。 - phant0melement.onclick() 或 element.onclick.apply(context) 或类似的操作。在第一种情况下，this 变成了 element，而在后一种情况下，它变成了 context。 - wroniasty这与DOM无关，但涉及到JavaScript在调用对象内函数时的设计。
以此为例：
var myObject = {
id: 1,
onclick: null
}
myObject.onclick = function() {
console.log(this.id);
}
调用myObject.onclick()将会在控制台中记录1，这意味着myObject是它的上下文。
由于onclick也是一个对象的属性，this将是父对象，在您的情况下是一个HTMLElement。
element.onclick()吗？ - wroniastyhttp://dmitrysoshnikov.com/ecmascript/chapter-3-this/#this-value-in-the-function-code
基本上，这是由JavaScript内部完成的。
上下文是调用函数的对象，例如：
elem.onclick(); // elem === this
然而：
func = elem.onclick;
func() // global === this
function f() { alert(this.name); }
如下：
function f(this) { alert(this.name); }
想象这个作为一个秘密参数，你可以通过bind、apply和call来覆盖它，但通常由浏览器设置为调用对象。
例子
var a = {},
b = {};
a.name = "John";
b.name = "Tom";
// "this" param added secretly
function printName( ) {
console.log( this.name )
};
a.printName = printName
b.printName = printName;
printName( ); // global context assumed so this === window
b.printName( ); // this === b and outputs "Tom"
printName.call( a ); //this === a and outputs "John"
更多信息请点击此处。
f(myObj)这样的执行在哪里进行？ - Royi Namir