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不存在。