JavaScript 개체 컨텍스트 및 함수

Question

아래 코드 조각에는 왜 window.foo가 있지만 this.bar는 정의되지 않았습니까?

function foo() { 
    function bar() { }; 
    console.log(this.bar); 
} 

console.log(window.foo); 
foo.call({}); 

Answer 1

브라우저에서 창은 글로벌 개체이므로 섀도우가 아닌 한 모든 곳에서 사용할 수 있습니다. this은 메서드로 불리는 함수 본문에서 유용한 것을 가리키고 있습니다. foo.bar() - bar, this이 foo 인 경우 또는 bar.call (...) 또는 bar.apply (...)가 호출되어 this에 대한 인수가 있거나 함수 외부에있을 때 전역 개체 (창)를 가리키는 곳에서 모두 호출하십시오.

명시 적으로 foo.call ({})을 수행하여이 객체를 빈 Object로 설정합니다. 따라서 this.bar는 호출 중에 존재하지 않습니다.