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

