javascript - 为什么我必须调用 () push() JS 函数并重新设置它以获得预期的结果？

Question

我一直在读 ki.js源代码并偶然发现了 call() function 的奇怪用法(参见 GitHub 上的 function i(a))。首先，我出于我的目的简化了 i(a) 函数，现在该函数如下所示:

function ki(selector, arr) {
    document.querySelectorAll(selector).forEach((el) => { arr.push.call(this, el); }); 
}

当我这样调用我的函数时:new ki(".test", []);，我得到了预期的结果——一个包含 DOM 对象的对象和一个从ki()函数原型(prototype)。
但是，当我稍微将 ki() 函数更改为:(删除在我看来不必要的 call() 函数):

function ki(selector, arr) {
    document.querySelectorAll(selector).forEach((el) => { arr.push(el); }); 
}

执行 new ki(".test", []); 将产生一个没有任何 DOM 对象的对象，只有构造函数继承的原型(prototype)属性。

这是我不明白的。为什么有必要操作 array.prototype.push() 源代码(在不同的上下文中用 this 替换 this )？此外，这段代码在严格模式下是否也能正常工作？
感谢您的帮助。

Answer 1

如果 ki 函数用作构造函数，则 el 对象不会被推送到 arr 数组，而是推送到 this 值，这将是创建的对象

arr =  new Array
arr2 =  new Array

document.querySelectorAll('a').forEach((el) => { arr2.push.call(arr, el); }) 

希望对你有帮助