理解javascript原型和作用域系列(12)——簡介【作用域】

前幾節的文章請查閱理解javascript原型和作用域系列

提到作用域,有一句話大家(有js開發經驗者)可能比較熟悉:“javascript沒有塊級作用域”。所謂“塊”,就是大括號“{}”中間的語句。例如if語句:

再比如for語句:

所以,我們在編寫代碼的時候,不要在“塊”裏面聲明變量,要在代碼的一開始就聲明好了。以避免發生歧義。如:

 

其實,你光知道“javascript沒有塊級作用域”是完全不夠的,你需要知道的是——javascript除了全局作用域之外,只有函數可以創建的作用域

所以,我們在聲明變量時,全局代碼要在代碼前端聲明,函數中要在函數體一開始就聲明好。除了這兩個地方,其他地方都不要出現變量聲明。而且建議用“單var”形式

jQuery就是一個很好的示例:

 

 

下面繼續說作用域。作用域是一個很抽象的概念,類似於一個“地盤”

如上圖,全局代碼和fn、bar兩個函數都會形成一個作用域。而且,作用域有上下級的關係,上下級關係的確定就看函數是在哪個作用域下創建的。例如,fn作用域下創建了bar函數,那麼“fn作用域”就是“bar作用域”的上級。

 

作用域最大的用處就是隔離變量,不同作用域下同名變量不會有衝突。例如以上代碼中,三個作用域下都聲明瞭“a”這個變量,但是他們不會有衝突。各自的作用域下,用各自的“a”。

說到這裏,咱們又可以拿出jquery源碼來講講了。

jQuery源碼的最外層是一個自動執行的匿名函數:

爲什麼要這樣做呢?

原因就是在jQuery源碼中,聲明瞭大量的變量,這些變量將通過一個函數被限制在一個獨立的作用域中,而不會與全局作用域或者其他函數作用域的同名變量產生衝突。

全世界的開發者都在用jQuery,如果不這樣做,很可能導致jQuery源碼中的變量與外部javascript代碼中的變量重名,從而產生衝突。

 

作用域這塊只是很不好解釋,咱們就小步快跑,一步一步慢慢展示給大家。

下一節將把作用域和執行上下文環境結合起來說一說。

可見,要理解閉包,不是一兩句話能說清楚的。。。

---------------------------------------------------------------------------

本文已更新到《理解javascript原型和作用域系列》的目錄,更多內容可參見《理解javascript原型和作用域系列》。

另外,歡迎關注我的微博

也歡迎關注我的其他教程——別怕,都是免費的!

微軟petshop4.0源碼解讀視頻》《json2.js源碼解讀視頻

--------------------------------------------------------------------------

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章