'this'内部的匿名关闭函数

Question

(function(value) { 
    this.value = value; 
    $('.some-elements').each(function(elt){ 
     elt.innerHTML = this.value;  // possibly undefined (Why?) 
    }); 
})(2); 

有人可以在上面的代码中解释'this'的值吗？

我的理解：

this.value = value // Line 2 - 在这里这指的是全局对象 elt.innerHTML = this.value; // line 4 - 这是为什么 '可能' 不确定的。请解释。

编辑：顺便说一句我已经仔细阅读了解释“这”在此（How does the "this" keyword work?）后（从那里我得到了上面的代码）

Answer 1

JS解释器用来确定this的基本算法如下。

1. 当一个函数被通过其特殊call和apply方法调用，那么this是call或apply第一个参数。
2. 当从通过其bind方法创建的绑定函数中调用函数时，this是bind的这个值参数。
3. 当函数被调用为方法时（obj.method(params)）则this是提取方法的对象，在本例中为obj。
4. 否则调用函数时，则this是非严格模式下的全局对象，否则为null。

由于each使用在特殊的方法（1）到所述容器通过如this，this在内部功能应该是$('.some-elements')结果，jquery的阵列包裹DOM节点。

Answer 2

发送回调到.each()方法在函数内部，this指DOM元素（为每一个这种集合包在jQuery对象中），而不是window：

更重要的是，回调在当前 DOM元素的上下文中烧制，因此关键字this指元件。

（顺便说一句，这使得有些多余即elt ARG;至少，这是一个有点不清楚你为什么要同时使用this和elt指同一件事有）。

然而，并非所有的DOM元素都value属性定义：AFAIR，它的设置只对元素的子集：input，select，textarea，option等这可能是为什么你undefined结果。

您可以轻松地通过使用jQuery.proxy()方法调整此：

$('.some-elements').each($.proxy(function(elt){ 
    elt.innerHTML = this.value; 
}, this)); 

现在送入.each()函数使用外this作为其上下文（很明显，它不再指向DOM元素，如elt一样）。