js 連續(xù)賦值的簡(jiǎn)單實(shí)現(xiàn)
無(wú)意中網(wǎng)上發(fā)現(xiàn)的這個(gè)問(wèn)題,預(yù)想的結(jié)果和真實(shí)的結(jié)果大相徑庭。
var a={n:1}
var b=a;
a.x=a={n:2}
console.log(a.x);
console.log(b.x);
undefined
Object{n:2}
要是拆開(kāi)來(lái)看,結(jié)果就是我所想的那樣
var a={n:1}
var b=a;
a={n:2};
a.x={n:2}
console.log(a.x);//Object{n:2}console.log(b.x);//undefined
分析:
a.x=a={n:2}
js的賦值運(yùn)算是右結(jié)合的,上面等同于a.x=(a={n:2})
js的求值運(yùn)算是從左到右的(PS:和同事討論,他說(shuō)是從左到右,我認(rèn)為是從右到左,最后發(fā)現(xiàn)是我錯(cuò)了)
1)a.x=(括號(hào)內(nèi)的最終結(jié)果)
查找a的x屬性不存在后在a指向的對(duì)象中添加一個(gè)屬性x,這個(gè)x屬性要把一個(gè)結(jié)果賦給它,那好吧,我等著結(jié)果

2)因?yàn)槭且@得括號(hào)內(nèi)的結(jié)果,那么a.x就一直等著括號(hào)內(nèi)給他返回結(jié)果,所以開(kāi)始求值a={n:2}得到結(jié)果后返回給這個(gè)新屬性x

3)回到括號(hào)內(nèi)的a={n:2},a發(fā)生指向改變了

以上這篇js 連續(xù)賦值的簡(jiǎn)單實(shí)現(xiàn)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
js+canvas實(shí)現(xiàn)驗(yàn)證碼功能
這篇文章主要為大家詳細(xì)介紹了js+canvas實(shí)現(xiàn)驗(yàn)證碼功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-07-07
Bootstrap Metronic完全響應(yīng)式管理模板之菜單欄學(xué)習(xí)筆記
這篇文章主要介紹了Bootstrap Metronic完全響應(yīng)式管理模板之菜單欄學(xué)習(xí)筆記,感興趣的小伙伴們可以參考一下2016-07-07
JavaScript的ES5實(shí)現(xiàn)繼承的4種常用方法小結(jié)
繼承是面向?qū)ο筌浖夹g(shù)當(dāng)中的一個(gè)概念,這篇文章主要為大家詳細(xì)介紹了JavaScript ES5實(shí)現(xiàn)繼承的4種常用方法,感興趣的小伙伴可以了解一下2024-03-03
原生js實(shí)現(xiàn)的觀察者和訂閱者模式簡(jiǎn)單示例
這篇文章主要介紹了原生js實(shí)現(xiàn)的觀察者和訂閱者模式,結(jié)合簡(jiǎn)單實(shí)例形式分析了js觀察者和訂閱者模式的相關(guān)原理與實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-04-04
JavaScript實(shí)現(xiàn)仿網(wǎng)易通行證表單驗(yàn)證
這篇文章主要介紹了JavaScript實(shí)現(xiàn)仿網(wǎng)易通行證表單驗(yàn)證,十分的實(shí)用,有需要的小伙伴可以參考下。2015-05-05
使用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)易的熱更新
熱更新是指在應(yīng)用程序運(yùn)行時(shí),對(duì)程序的部分內(nèi)容進(jìn)行更新,而無(wú)需重啟整個(gè)應(yīng)用程序,熱更新是在不停止整個(gè)應(yīng)用程序的情況下,將新的代碼、資源或配置應(yīng)用于正在運(yùn)行的應(yīng)用程序,本文講給大家介紹一下使用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)易的熱更新,需要的朋友可以參考下2023-08-08

