個人筆記,如有錯誤煩請指正
以下面代碼的運行舉例,一行行進行運行的解析
var x = [12, 23];
function fn(y) {
y[0] = 100;
y = [100];
y[1] = 200;
console.log(y);
}
fn(x);
console.log(x);
var x = [12, 23];
運行如下
x
x
指向堆內(nèi)存的地址0x000000接著
function fn(y) {
y[0] = 100;
y = [100];
y[1] = 200;
console.log(y);
}
運行如下
上面這段代碼是創(chuàng)建一個函數(shù)的過程。和創(chuàng)建一個變量類似:
function fn(y){...}
時,相當(dāng)于我們聲明了一個變量,只不過值是函數(shù)。類似于var fn = function (y){...}
的函數(shù)表達式。最終把一個函數(shù)作為值賦值給一個變量或者其他所以創(chuàng)建一個函數(shù),詳細(xì)的執(zhí)行順序如下
fn
,并且指向堆內(nèi)存地址(假設(shè)為0x000001)fn(x);
運行如下(函數(shù)執(zhí)行的步驟)
fn(x)
傳的是x
的值,即x
指向的0x000000堆內(nèi)存地址fn(0x000000)
形成一個全新的私有上下文EC(fn)接著說說上面第5步的詳細(xì)步驟
把之前創(chuàng)建的函數(shù),在堆內(nèi)存中存儲的代碼字符串拿出來轉(zhuǎn)換為代碼一行一行的執(zhí)行執(zhí)行。
私有上下文中代碼執(zhí)行中如果遇到一個變量,首先看是否為自己的'私有變量',如果是'私有'的,則操作自己的,和外界沒有必然的關(guān)系,如果不是自己私有的,則基于作用域鏈,向其上級上下文中查找,看是否為上級上下文中私有的,如果也不是,繼續(xù)向上查找......一直找到EC(G)全局上下文為止,我們把這種查找過程稱之為 作用域鏈查找機制
所以
y[0] = 100
y = [100]
y[1] = 200
是這樣的執(zhí)行的:
y[0] = 100
,y
現(xiàn)在存儲的內(nèi)存地址為0x000000,所以修改這個地址下的值:
y = [100]
,出現(xiàn)了新的對象值,所以要開辟新的堆內(nèi)存0x000002,創(chuàng)建值,賦值
y[1] = 200
,將0x000002地址對應(yīng)的對象的值進行修改
console.log(y);
這個y
就是0x000002對應(yīng)的值[100,200]
操作的是私有變量y
fn
函數(shù)至此執(zhí)行完畢。
接著執(zhí)行外面的console.log(x);
,此時的x為全局變量對象中的x,對應(yīng)的地址為0x000000,所以直接進行輸出[100,23]
如果fn
執(zhí)行完之后,繼續(xù)執(zhí)行其他函數(shù),同樣會經(jīng)歷這樣的流程。形成新的上下文,進棧執(zhí)行...如果函數(shù)非常多,會一直進棧,占內(nèi)存會越來越大。所以為了優(yōu)化,瀏覽器會默認(rèn)做出很多回收機制
js上下文(哪一個區(qū)域下執(zhí)行)分類
私有變量是私有上下文聲明的變量,包含
var
/ let
/ const
/ function
...x
的值是0x000000,通過函數(shù),將0x000000傳給了私有變量y
,y
也是0x000000function fn(y) {
y[0] = 100;
y = [100];
y[1] = 200;
console.log(y);
}
fn(x)