Javascript學習筆記3 作用域

2024-05-06 14:11:50

字體：大中小

來源：轉載

供稿：網友

在Javascript，全局環境本身就一個對象。在瀏覽器宿主中這個對象是window，而當Javascript用于其它非瀏覽器的宿主，如嵌入式的環境中，可能會是其它的對象。
在這里也糾正一個觀念，有很多人都認為Javascript只在瀏覽器中使用，其實Javascript也能在很多非Web情況下使用，據介紹Javascript在一些基于嵌入式的應用領域表現得也很出色，當然這些我也只是聽過傳說而已。
言歸正傳，當我們寫下：var i=1時，其實就是聲明了一個window作用域的一個變量。
而當我們寫下i=1時，是聲明了一個window的屬性。
看這樣一段代碼：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
這段代碼分別輸出的結果是：undefined world，welcome china, hello china.
我們來分別解釋：
在上文中，我們說過，在Javascript預編譯時，會把所有var變量創建，默認值為undefined，我們在這里可以舉一個例子：
我們可以寫這樣一段代碼：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
當我們執行運行這段腳本時，可以發現，首先彈出undefined，然后回提示腳本錯誤，提示b不存在。由此就可以表明，a在預編譯的過程中就已經被創建并且初始化為undefined，而b卻只能在實際運行時按順序去解釋。其實在預編譯后的Javascript代碼可以近乎理解如下：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
接下來我們可以談一下函數的作用域問題，每當代碼運行進入一個函數時，Javascript引擎就會自動創建一個新的作用域，然后把這個新作用域作為當前作用域的子作用域，然后把當前的代碼作用域切換到這個新作用域。當代碼退出函數時，這個作用域銷毀，把代碼作用域交還給他的父作用域。
好，準備工作差不多了，接下來我們就來解釋第一個問題：問什么會輸出undefined world。
首先代碼進行在預編譯，當進入 Test方法時，開啟一個新作用域，然后把全局作用域作為他的父作用域。然后對Test內的方法進行預編譯，和上面的代碼一樣，Test方法被預編譯后方法體大致如下：

上一篇：JQuery 引發兩次$(document.ready)事件

下一篇：JQuery獲取元素文檔大小、偏移和位置和滾動條位置的方法集合