淺析JavaScript中的變量復(fù)制、參數(shù)傳遞和作用域鏈
今天在看書的過程中,又發(fā)現(xiàn)了自己目前對(duì)Javascript存在的一個(gè)知識(shí)模糊點(diǎn):JS的作用域鏈,所以就通過查資料看書對(duì)作用域鏈相關(guān)的內(nèi)容進(jìn)行了學(xué)習(xí)。今天學(xué)習(xí)筆記主要有這樣幾個(gè)關(guān)鍵字:變量、參數(shù)傳遞、執(zhí)行環(huán)境、變量對(duì)象、作用域鏈。
1.變量
變量需要注意的有兩點(diǎn):變量聲明和復(fù)制變量值。
變量聲明肯定大家都很熟悉,在JS中我們都是通過 var 關(guān)鍵字進(jìn)行變量聲明的。JS中規(guī)定,通過var聲明的變量會(huì)被添加到最近的環(huán)境中,如果聲明并且初始化一個(gè)變量沒有用到var關(guān)鍵字,這個(gè)變量會(huì)被添加到全局環(huán)境中。
關(guān)于復(fù)制變量值,因?yàn)樽兞康念愋筒煌瑥?fù)制的過程也不同。如果變量是一個(gè)基本類型的變量的話,復(fù)制變量值時(shí)會(huì)給新復(fù)制出的變量分配新的空間,兩個(gè)變量值互不影響;如果變量是一個(gè)引用類型的話,復(fù)制的操作其實(shí)是讓兩個(gè)變量指向了同一處內(nèi)存空間,修改其中一個(gè),另一個(gè)也會(huì)跟著改變?!禞avascript 高級(jí)程序設(shè)計(jì)》中的圖例其實(shí)很形象
2.參數(shù)傳遞
JavaScript中的參數(shù)傳遞全部是按照值傳遞的?;绢愋妥鰠?shù)一般都不會(huì)有什么困惑,如果引用類型做了參數(shù),類似下面這個(gè)例子:
function setName(obj){
obj.name = "tom";
}
var person = new Object();
setName(person);
alert(person.name);//顯示tom
這個(gè)例子中我們在setName中修改了變量的內(nèi)容,在函數(shù)外也生效了。剛開始我也以為程序執(zhí)行應(yīng)該會(huì)彈出 undefined 或者報(bào)錯(cuò),但是卻彈出了在函數(shù)的作用域中修改的值。分析了一下參數(shù)傳遞的整個(gè)過程,這個(gè)疑惑就解決了。在參數(shù)傳遞的過程中,有很重要的一步:變量值復(fù)制。我們在調(diào)用函數(shù)時(shí)其實(shí)進(jìn)行了 obj=person 這樣一步操作,所以根據(jù)上面提到的引用類型變量值復(fù)制的特點(diǎn),當(dāng)我們修改obj時(shí),同時(shí)也就修改了person的值。所以JS參數(shù)傳遞的方式是值傳遞,并且只能是值傳遞。
3.執(zhí)行環(huán)境、變量對(duì)象、作用域鏈
我對(duì)執(zhí)行環(huán)境、執(zhí)行環(huán)境的理解有點(diǎn)類似與類和對(duì)象:
執(zhí)行環(huán)境中定義了變量、函數(shù)和函數(shù)可以訪問到的其他數(shù)據(jù),而當(dāng)這個(gè)執(zhí)行環(huán)境被激活時(shí),就會(huì)根據(jù)這個(gè)執(zhí)行環(huán)境創(chuàng)建出一個(gè)變量對(duì)象提供給解析器使用。執(zhí)行環(huán)境就好比是類,變量對(duì)象就對(duì)應(yīng)是對(duì)象。
當(dāng)一個(gè)執(zhí)行環(huán)境激活時(shí),它就會(huì)被推入一個(gè)棧的棧頂中執(zhí)行,當(dāng)它執(zhí)行完畢,會(huì)將它移出棧,執(zhí)行在它之前進(jìn)入棧的環(huán)境,以此類推。
而作用域鏈相當(dāng)于一個(gè)存放變量對(duì)象的棧,越早被激活的執(zhí)行環(huán)境創(chuàng)建出的變量對(duì)象越在下面,當(dāng)前激活的執(zhí)行環(huán)境的變量對(duì)象位于棧頂。如果當(dāng)前執(zhí)行環(huán)境執(zhí)行完畢,那么就需要將棧頂?shù)淖兞繉?duì)象(對(duì)應(yīng)執(zhí)行環(huán)境)從棧頂移出。
而執(zhí)行環(huán)境在執(zhí)行時(shí),解析器需要訪問變量等數(shù)據(jù)都是從作用域頂端開始查找,也就是從當(dāng)前執(zhí)行環(huán)境對(duì)應(yīng)的變量對(duì)象開始查找,如果查找不到,則往下進(jìn)入外層執(zhí)行環(huán)境對(duì)應(yīng)的變量對(duì)象中查找,一直持續(xù)到找到需要的對(duì)象或找到全局環(huán)境的變量對(duì)象為止。所以這種查找方式也就說明了太多定義在全局環(huán)境中的變量比較影響程序的性能。
今天學(xué)習(xí)的東西主要是概念性質(zhì)的,而且比較抽象。但是這部分對(duì)于后面所有的知識(shí)都是基礎(chǔ),像是之后的閉包啊,繼承啊,原型啊都要對(duì)這部分內(nèi)容有很好的理解才能學(xué)的更明白透徹,所以這部分內(nèi)容應(yīng)該反復(fù)學(xué)習(xí),要相信溫故而知新,古人誠不欺我也(。・∀・)ノ゙
相關(guān)文章
微信小程序中進(jìn)行地圖導(dǎo)航功能的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序中進(jìn)行地圖導(dǎo)航功能的實(shí)現(xiàn)方法,需要的朋友可以參考下2018-06-06
JS實(shí)現(xiàn)簡易留言板(節(jié)點(diǎn)操作)
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡易留言板,節(jié)點(diǎn)進(jìn)行操作,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03
收集的比較全的automation服務(wù)器不能創(chuàng)建對(duì)象 異常原因和解決方法
對(duì)于出現(xiàn)automation服務(wù)器不能創(chuàng)建對(duì)象的問題,下面有幾種解決方法大家可以試試。2008-10-10
use jscript Create a SQL Server database
use jscript Create a SQL Server database...2007-06-06
微信小程序 自定義復(fù)選框?qū)崿F(xiàn)代碼實(shí)例
這篇文章主要介紹了微信小程序 自定義復(fù)選框?qū)崿F(xiàn)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
element plus表格的表頭和內(nèi)容居中的實(shí)現(xiàn)代碼
這篇文章主要介紹了element plus表格的表頭和內(nèi)容居中的實(shí)現(xiàn)代碼,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
利用js-cookie實(shí)現(xiàn)前端設(shè)置緩存數(shù)據(jù)定時(shí)失效
這篇文章主要介紹了利用js-cookie實(shí)現(xiàn)前端設(shè)置緩存數(shù)據(jù)定時(shí)失效,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06

