淺析JavaScript中的變量復制、參數(shù)傳遞和作用域鏈
今天在看書的過程中,又發(fā)現(xiàn)了自己目前對Javascript存在的一個知識模糊點:JS的作用域鏈,所以就通過查資料看書對作用域鏈相關的內(nèi)容進行了學習。今天學習筆記主要有這樣幾個關鍵字:變量、參數(shù)傳遞、執(zhí)行環(huán)境、變量對象、作用域鏈。
1.變量
變量需要注意的有兩點:變量聲明和復制變量值。
變量聲明肯定大家都很熟悉,在JS中我們都是通過 var 關鍵字進行變量聲明的。JS中規(guī)定,通過var聲明的變量會被添加到最近的環(huán)境中,如果聲明并且初始化一個變量沒有用到var關鍵字,這個變量會被添加到全局環(huán)境中。
關于復制變量值,因為變量的類型不同復制的過程也不同。如果變量是一個基本類型的變量的話,復制變量值時會給新復制出的變量分配新的空間,兩個變量值互不影響;如果變量是一個引用類型的話,復制的操作其實是讓兩個變量指向了同一處內(nèi)存空間,修改其中一個,另一個也會跟著改變?!禞avascript 高級程序設計》中的圖例其實很形象
2.參數(shù)傳遞
JavaScript中的參數(shù)傳遞全部是按照值傳遞的?;绢愋妥鰠?shù)一般都不會有什么困惑,如果引用類型做了參數(shù),類似下面這個例子:
function setName(obj){ obj.name = "tom"; } var person = new Object(); setName(person); alert(person.name);//顯示tom
這個例子中我們在setName中修改了變量的內(nèi)容,在函數(shù)外也生效了。剛開始我也以為程序執(zhí)行應該會彈出 undefined 或者報錯,但是卻彈出了在函數(shù)的作用域中修改的值。分析了一下參數(shù)傳遞的整個過程,這個疑惑就解決了。在參數(shù)傳遞的過程中,有很重要的一步:變量值復制。我們在調用函數(shù)時其實進行了 obj=person 這樣一步操作,所以根據(jù)上面提到的引用類型變量值復制的特點,當我們修改obj時,同時也就修改了person的值。所以JS參數(shù)傳遞的方式是值傳遞,并且只能是值傳遞。
3.執(zhí)行環(huán)境、變量對象、作用域鏈
我對執(zhí)行環(huán)境、執(zhí)行環(huán)境的理解有點類似與類和對象:
執(zhí)行環(huán)境中定義了變量、函數(shù)和函數(shù)可以訪問到的其他數(shù)據(jù),而當這個執(zhí)行環(huán)境被激活時,就會根據(jù)這個執(zhí)行環(huán)境創(chuàng)建出一個變量對象提供給解析器使用。執(zhí)行環(huán)境就好比是類,變量對象就對應是對象。
當一個執(zhí)行環(huán)境激活時,它就會被推入一個棧的棧頂中執(zhí)行,當它執(zhí)行完畢,會將它移出棧,執(zhí)行在它之前進入棧的環(huán)境,以此類推。
而作用域鏈相當于一個存放變量對象的棧,越早被激活的執(zhí)行環(huán)境創(chuàng)建出的變量對象越在下面,當前激活的執(zhí)行環(huán)境的變量對象位于棧頂。如果當前執(zhí)行環(huán)境執(zhí)行完畢,那么就需要將棧頂?shù)淖兞繉ο螅▽獔?zhí)行環(huán)境)從棧頂移出。
而執(zhí)行環(huán)境在執(zhí)行時,解析器需要訪問變量等數(shù)據(jù)都是從作用域頂端開始查找,也就是從當前執(zhí)行環(huán)境對應的變量對象開始查找,如果查找不到,則往下進入外層執(zhí)行環(huán)境對應的變量對象中查找,一直持續(xù)到找到需要的對象或找到全局環(huán)境的變量對象為止。所以這種查找方式也就說明了太多定義在全局環(huán)境中的變量比較影響程序的性能。
今天學習的東西主要是概念性質的,而且比較抽象。但是這部分對于后面所有的知識都是基礎,像是之后的閉包啊,繼承啊,原型啊都要對這部分內(nèi)容有很好的理解才能學的更明白透徹,所以這部分內(nèi)容應該反復學習,要相信溫故而知新,古人誠不欺我也(。・∀・)ノ゙
相關文章
JS獲取多維數(shù)組中相同鍵的值實現(xiàn)方法示例
這篇文章主要介紹了JS獲取多維數(shù)組中相同鍵的值實現(xiàn)方法,結合實例形式分析了JS數(shù)組遍歷、判斷、鍵值獲取等操作技巧,需要的朋友可以參考下2017-01-01BootStrap框架個人總結(bootstrap框架、導航條、下拉菜單、輪播廣告carousel、柵格系統(tǒng)布局、標簽頁
這篇文章主要介紹了BootStrap框架個人總結(bootstrap框架、導航條、下拉菜單、輪播廣告carousel、柵格系統(tǒng)布局、標簽頁tabs、模態(tài)框、菜單定位)的相關資料,需要的朋友可以參考下2016-12-12JS實現(xiàn)把鼠標放到鏈接上出現(xiàn)滾動文字的方法
這篇文章主要介紹了JS實現(xiàn)把鼠標放到鏈接上出現(xiàn)滾動文字的方法,涉及JavaScript響應鼠標事件動態(tài)操作頁面元素的相關技巧,需要的朋友可以參考下2016-04-04js實現(xiàn)左側網(wǎng)頁tab滑動門效果代碼
這篇文章主要介紹了js實現(xiàn)左側網(wǎng)頁tab滑動門效果代碼,涉及JavaScript頁面元素的遍歷及元素屬性動態(tài)切換的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09JavaScript數(shù)據(jù)類型及相互間的轉換規(guī)則
這篇文章主要介紹了JavaScript數(shù)據(jù)類型及相互間的轉換規(guī)則,文章通過圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-09-09