首先看我們的源代碼。
我們知道,通過瀏覽器打開這個頁面,包含在<script> </script>標簽中的 腳本會被執行,
那我們看一下 console.log(this); 這個this 到底指向的是誰呢?
在Google Chrome 中我們看到:
在Mozilla Firefox 中我們看到:
我們都看到輸出的Window,那這個Window 與window是不是相等呢?
接著我們的測試
運行代碼,輸出this == window ?true ,這說明 Window== window,真的是這樣嗎?
為了搞清楚它們之間的關系,我們又接著測試
看瀏覽器輸出:
Google Chrome :
Mozilla Firefox :
從輸出結果我們可以推出,
為什么會這樣呢?
我們在瀏覽器控制臺中查看Window對象的結構;
原來 Window對象包含的一些瀏覽器廠商實現的API,比如 html5中 的規范 sessionStorage;
它還有一個window的屬性,這個屬性的值就是指向Window對象;
我的理解:Window對象 是為瀏覽器廠商服務的,我們不能直接操作Window對象的屬性,Window新增的API會反映到 window 對象中;
我們操作window 的屬性 會反映到 Window 對象中。
比如 定義一個全局變量 window.a = 'aaa';
JavaScript的所有對象都存在于一個運行環境之中,這個運行環境本身也是對象,稱為“頂層對象”。這就是說,JavaScript的所有對象,都是“頂層對象”的下屬。不同的運行環境有不同的“頂層對象”,在瀏覽器環境中,這個頂層對象就是window對象。
所有瀏覽器環境的全局變量,都是window對象的屬性。
可以把window理解成JavaScriptContext 上下文環境。
新聞熱點
疑難解答