通過(guò)實(shí)例了解JS 連續(xù)賦值
這篇文章主要介紹了通過(guò)實(shí)例了解JS 連續(xù)賦值,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
問(wèn)題:
var a = {n: 1};
var b = a;
a.x = a = {n: 2};
console.log(a.x); //undfined
console.log(b.x); //{a:2}

根據(jù)js引擎語(yǔ)法解析,會(huì)先去從左到右尋找有沒(méi)有未聲明的變量,如果有就把該變量提升至作用域頂部并聲明該變量。那么恭喜js引擎他找到a.x這個(gè)屬性沒(méi)有聲明,那么他會(huì)在{n: 1}這個(gè)內(nèi)存區(qū)聲明一個(gè)x屬性等待賦值!
語(yǔ)法解析完成后,開(kāi)始進(jìn)行運(yùn)算(ps:賦值運(yùn)算),首先將a變量的指針指向了一個(gè)新的內(nèi)存區(qū){n: 2},那么a變量脫離了對(duì)內(nèi)存區(qū){n: 1}的引用關(guān)系。
但是此時(shí){n:1 }這個(gè)內(nèi)存區(qū)并沒(méi)有被GC回收因?yàn)閎變量的指針依然指向它。并且因?yàn)橹熬吐暶髁藊屬性所以該內(nèi)存區(qū)
增加了X屬性。那么X屬性指向哪兒呢?a.x = a = {n: 2}它的返回值就是{n: 2}的內(nèi)存區(qū)。

那么根據(jù)圖上可得:
a.x 不存在,故: => undefined
b.x => {n: 2}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
單線程JavaScript實(shí)現(xiàn)異步過(guò)程詳解
這篇文章主要介紹了單線程JavaScript實(shí)現(xiàn)異步過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
javascript實(shí)現(xiàn)通過(guò)表格繪制顏色填充矩形的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)通過(guò)表格繪制顏色填充矩形的方法,涉及javascript操作表格與樣式的相關(guān)技巧,需要的朋友可以參考下2015-04-04
JS實(shí)現(xiàn)頁(yè)面超時(shí)后自動(dòng)跳轉(zhuǎn)到登陸頁(yè)面
這篇文章主要介紹了JS實(shí)現(xiàn)頁(yè)面超時(shí)后自動(dòng)跳轉(zhuǎn)到登陸頁(yè)面,需要的朋友可以參考下2015-01-01

