javascript에서 call.call이 수행하는 작업

Question

Modernizr 소스 코드에서이 발췌문을 찾았습니다. 이 call.call를 사용할 필요가 왜 documentCreateElement.call(scopeDocument,nodeName)하지 않는 것을 성취하는 무엇 단지 call 반대로 나는

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); 

궁금? 사전에

덕분에

Answer 1

예, 그것은 documentCreateElement 기능의 맥락에서 .call 함수를 호출합니다. 그래서 궁극적으로는 같은입니다

...

documentCreateElement.call(scopeDocument, nodeName); 

나는 그들은 아마 그냥 얻는 경우에 call 방법을 캐시 Function.prototype.call에 대한 참조

var call = Function.prototype.call 

같은 곳이 있다고 가정 Function.prototype에 덮어 씁니다.

---

편집 : 아래의 지적

@ruakh으로 Function.prototype.call 덮어 쓸 경우도 Function.prototype에 의존하기 때문에, 다음 call.call이 작동하지 않을 것입니다.

documentCreateElement는 document.createElement 방법에 대한 참조이며, 그 방법은 호스트 오브젝트, 그래서 그것의 프로토 타입 체인에 Function.prototype을 포함 할 것이라는 보장은 없다.

이렇게하면 호스트 개체에 .call을 사용할 수 있습니다.

Answer 2

call.call은 사용자 정의 함수 call을 다른 컨텍스트으로 호출합니다.

call은 기본 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) 않고 ​​scopeDocument에 documentCreateElement 점에서 this 예를 들면 다음과 같습니다. 게시 한 예제 코드가 call을 잘 사용하고 있는지 궁금 할 수 있습니다. 내가 틀린 장소에서 잘못 사용하면 항상 매우 복잡해집니다 ~ _ ~