call.call 在 javascript 中完成了什么

Question

在 Modernizr 源代码中找到了这段摘录。

var documentCreateElement = scopeDocument.createElement, documentCreateDocumentFragment = scopeDocument.createDocumentFragment;

// shiv the document
for (var i = 0, elements = html5.elements, l = elements.length; i < l; ++i) {
     call.call(documentCreateElement, scopeDocument, elements[i]);
}

// shiv the document create element method
scopeDocument.createElement = function (nodeName) {
var element = call.call(documentCreateElement, scopeDocument, nodeName);

我想知道为什么需要使用 call.call，而不是仅仅使用 call documentCreateElement.call(scopeDocument,nodeName) 的作用是什么？代码> 不是吗？

提前致谢

Answer 1

call.call 使用不同的上下文调用用户定义的函数call。

call 是一个原生 JavaScript 函数。这是一个可以在函数上调用的函数，因为在 JavaScript 中函数是一等公民，它被称为call，这很令人困惑:P

call 是上下文，无论this 在被调用函数中应该引用什么。这是一个例子：

function doit() {
    console.log(this.myvalue);
}

function callit(context) {
    doit.call(context);
}

callit({ "myvalue": "a value"});    // a value
var obj = {
    "stuff" : "more stuff",
    "myvalue": "some value"
};
callit(obj);    // some value

所以 documentCreateElement.call(scopeDocument,nodeName) 基本上是 documentCreateElement(nodeName) 但 this 在 documentCreateElement< /code> 指向 scopeDocument。您可能想知道您发布的示例代码是否很好地使用了 call。如果用错了，我总觉得很复杂，不合时宜~_~

Answer 2

是的，它从 documentCreateElement 函数的上下文中调用 .call 函数。

所以最终它是一样的......

documentCreateElement.call(scopeDocument, nodeName);

我假设在某个地方有对 Function.prototype.call 的引用，比如

var call = Function.prototype.call

他们可能缓存了 call 方法以防万一它会被 Function.prototype 覆盖。

---

编辑：

As @ruakh 在下面指出，如果 Function.prototype.call 被覆盖，则 <​​code>call. call 不起作用，因为它也依赖于 Function.prototype。

documentCreateElement 是对 document.createElement 方法的引用，并且该方法是宿主对象，因此不能保证它将包含 Function.prototype > 在其原型链中。

在这些情况下，这将允许他们在主机对象上使用.call。