이 자바 스크립트 코드의 결과

Question

나는 John Resig의 책 "Secrets of the JavaScript Ninja"를 읽고 있는데이 코드를 사용하여 객체의 프로토 타입을 확장하여 언어의 향후 기능을 예측하는 방법을 설명합니다.

if(!Array.prototype.forEach){ 
    Array.prototype.forEach = function(fn, callback){ 
     for(var i = 0; i < this.length; i++){ 
     fn.call(callback || null, this[i], i, this); 
     } 
    }; 
} 

"callback || null"문은 정의되지 않은 값을 "call"함수에 전달하지 못하도록합니다. 내가 이해할 수없는 것은 "fn"매개 변수의 컨텍스트로 null을 전달할 때 발생할 수있는 결과입니다. 코드가 충돌하지 않을까요?

제공 할 수있는 설명 및/또는 계몽에 감사드립니다.

Answer 1

아니요, 충돌이 발생하지 않습니다. https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/call에 따르면

[중 & hellip] 상기 방법은 비 - 엄격한 모드 코드의 함수 인 경우, null 및 undefined 전역 객체로 대체 될 것이며, 프리미티브 값 박스형한다.

(웹 페이지의 경우, "전역 객체는"window입니다.)

이 아무 "진짜"문제가 없습니다

Answer 2

, 문맥은 "이"null를 그냥 같다 . 컨텍스트에 적절한 값이없는 경우 .call() 또는 .apply()를 사용할 때 일반적인 방법입니다.

Answer 3

Function.call의 첫 번째 매개 변수는 함수를 실행할 범위입니다. 해당 매개 변수가 false 일 경우 (null은 falsey의 한 형태입니다) 그러면 전역 범위에서 해당 함수가 실행됩니다. 브라우저에서는 this이 window으로 설정되어 실행됩니다.

undefined을 범위로 전달하면 callback || null은 필요하지 않으며 window을 사용합니다. Resig가 왜 그렇게했는지 설명 할 수있는 브라우저 나 상황이있을 수 있습니다.