javascript - 奇怪的 $.each 行为

Question

考虑以下示例:

var x = [1, 2, 3];
$.each(x, function(){
    console.log(this);
});

var o1 = {x:1, y:2};
var o2 = {a:1, b:2};
var o3 = {d:1, e:2}
var y = [o1, o2, o3];
$.each(y, function(){
    console.log(this);
});

这两个都按预期工作:this 引用传入的集合中当前引用的对象。

然而，下一个例子真的很奇怪。

var z = [null];
$.each(z, function(){
    console.log(this);
});

在此示例中，您会注意到 window 已记录到控制台。

为什么会这样？

通过像这样进行更明确的参数化可以很容易地解决这个问题:

$.each(z, function(key, value){
    console.log(value);
}); 

但我特别好奇为什么 this 在前面的例子中引用 window。

Answer 1

看一看 $.each 的源代码，您就会明白这里发生了什么。

for (; i < length; i++) {
    value = callback.call(obj[i], i, obj[i]);

    if (value === false) {
        break;
    }
}

_{发件人:http://james.padolsey.com/jquery/#v=1.10.2&fn=jQuery.each}

jQuery 正在使用 .call() 来触发您的回调函数。根据 Mozilla 的 .call 文档:

Note that this may not be the actual value seen by the method: if the method is a function in non-strict mode code, null and undefined will be replaced with the global object, and primitive values will be boxed.

_{发件人:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call}