亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 語言 > JavaScript > 正文

談談javascript中使用連等賦值操作帶來的問題

2024-05-06 16:25:18
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了javascript中使用連等賦值操作帶來的問題的相關資料,需要的朋友可以參考下
 

前言

文章標題這句話原本是在國外某JavaScript規范里看到的,當時并沒有引起足夠的重視,直到最近一次出現了bug發現JS里的連等賦值操作的特色(坑)。

網上搜索一番發現一個非常好的連等賦值的(來源1,來源2)例子:

var a = {n:1};a.x = a = {n:2};console.log(a.x); // 輸出?

答案是:

console.log(a.x); // undefined

不知道各位有沒有答對,至少我是答錯了。

遂借此機會好好看看JS連等賦值是怎么回事

賦值順序?

假設有一句代碼: A=B=C; ,賦值語句的執行順序是從右至左,所以問題在于:

是猜想1: B = C; A = C; ?

還是猜想2: B = C; A = B;  ?

我們都知道若兩個對象同時指向一個對象,那么對這個對象的修改是同步的,如:

var a={n:1};var b=a;a.n=2;console.log(b);//Object {n: 2}

所以可以根據這個特性來測試連續賦值的順序。

按照猜想1,把C換成具體的對象,可以看到對a的修改不會同步到b上,因為在執行第一行和第二行時分別創建了兩個 {n:1} 對象。如:

var b={n:1};var a={n:1};a.n=0;console.log(b);//Object {n: 1}

再按照猜想2,把C換成具體的對象,可以看到對a的修改同步到了b,因為a和b同時引用了一個對象,如:

var b={n:1};var a=b;a.n=0;console.log(b);//Object {n: 0}

測試真正的連等賦值:

var a,b;a=b={n:1};a.n=0;console.log(b);//Object {n: 0}

可以看到是符合猜想2的,如果有人覺得這個測試不準確可以再來測試,使用ECMA5的setter和getter特性來測試。

首先setter和getter是應用于變量名的,而不是變量真正儲存的對象,如下:

Object.defineProperty(window,"obj",{ get:function(){  console.log("getter!!!"); }});var x=obj;obj;//getter!!! undefinedx;//undefined

可以看到只有obj輸出了“getter!!!”,而x沒有輸出,用此特性來測試。

連等賦值測試2:

Object.defineProperty(window,"obj",{ get:function(){  console.log("getter!!!"); }});a=b=obj;//getter!!! undefined

談談javascript中使用連等賦值操作帶來的問題

通過getter再次證實,在A=B=C中,C只被讀取了一次。

所以,連等賦值真正的運算規則是  B = C; A = B;  即連續賦值是從右至左永遠只取等號右邊的表達式結果賦值到等號左側。

連續賦值能拆開寫么?

通過上面可以看到連續賦值的真正規則,那么再回歸到文章開頭的那個案例,如果按照上述規則將連續賦值拆開會發現結果不一樣了,如:

var a={n:1};a={n:2};a.x=a;console.log(a.x);//Object {n: 2, x: Object}

所以連續賦值語句雖然是遵從從右至左依次賦值的規則但依然不能將語句拆開來寫,至于為什么

我猜測:js內部為了保證賦值語句的正確,會在一條賦值語句執行前,先把所有要賦值的引用地址取出一個副本,再依次賦值。

所以我認為這段代碼 a.x=a={n:2}; 的邏輯是:

1、在執行前,會先將a和a.x中的a的引用地址都取出來,此值他們都指向{n:1}

2、在內存中創建一個新對象{n:2}

3、執行a={n:2},將a的引用從指向{n:1}改為指向新的{n:2}

4、執行a.x=a,此時a已經指向了新對象,而a.x因為在執行前保留了原引用,所以a.x的a依然指向原先的{n:1}對象,所以給原對象新增一個屬性x,內容為{n:2}也就是現在a

5、語句執行結束,原對象由{n:1}變成{n:1,x:{n:2}},而原對象因為無人再引用他,所以被GC回收,當前a指向新對象{n:2}

6、所以就有了文章開頭的運行結果,再執行a.x,自然就是undefined了

上述過程按序號圖示:

談談javascript中使用連等賦值操作帶來的問題

談談javascript中使用連等賦值操作帶來的問題

按照上述過程可以看出舊的a.x和新的a都指向新創建的對象{n:2},所以他們應該是全等的。

測試:

var a = {n:1};var b = a;a.x = a = {n:2};console.log(a===b.x); //true

談談javascript中使用連等賦值操作帶來的問題

因為我們增加了var b=a,即將原對象增加了一條引用,所以在上述第5步時不會被釋放,證實了上面的結論。

后記

通過這次了解了連續賦值的特點,再回過頭看文章標題,似乎應該叫:

盡量不要使用JS的連續賦值操作,除非真的了解它的內部機制及可能會產生的后果。



注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产不卡精品视男人的天堂| 国产精品91久久久久久| 欧美老少做受xxxx高潮| 51午夜精品视频| 久久精品欧美视频| 97精品久久久| 欧美色道久久88综合亚洲精品| 欧美视频免费在线| 国产欧美一区二区三区四区| 国产成人鲁鲁免费视频a| 成人国内精品久久久久一区| 精品一区二区三区三区| 日韩av观看网址| 久久久精品日本| 国产91在线播放九色快色| 日本一区二三区好的精华液| 亚洲欧洲第一视频| 欧美一级黑人aaaaaaa做受| 亚洲欧美制服综合另类| 国产亚洲欧美一区| 日韩激情av在线播放| 午夜免费在线观看精品视频| 亚洲综合在线中文字幕| 国产日韩中文字幕在线| 欧美裸体xxxx极品少妇软件| 久久久久99精品久久久久| 亚洲mm色国产网站| 欧美黑人国产人伦爽爽爽| 久久免费视频在线观看| 欧洲精品久久久| 亚洲国产欧美一区二区三区同亚洲| 国产视频在线观看一区二区| 国产69精品久久久久9| 国产亚洲美女精品久久久| 美女国内精品自产拍在线播放| 日韩美女在线播放| 亚洲男人天堂2023| 久久久久久久久久久人体| 久久久久九九九九| 欧美性jizz18性欧美| 亚洲a一级视频| 在线性视频日韩欧美| 亚洲综合中文字幕在线观看| 亚洲女人天堂色在线7777| 57pao精品| 亚洲变态欧美另类捆绑| 国产一区欧美二区三区| 日韩av网站大全| 久久久久久久久久久成人| 成人有码视频在线播放| 日韩精品免费在线视频| 日韩欧美国产激情| 国产激情久久久久| 成人黄色av网站| 911国产网站尤物在线观看| 国产成+人+综合+亚洲欧美丁香花| 久久久这里只有精品视频| 欧美黄色小视频| 95av在线视频| 97国产精品视频人人做人人爱| 中文字幕欧美日韩在线| 51视频国产精品一区二区| 18性欧美xxxⅹ性满足| 国产视频精品xxxx| 成人妇女免费播放久久久| 亚洲区bt下载| 亚洲午夜久久久久久久| 欧美电影在线观看网站| 国产亚洲精品一区二区| 孩xxxx性bbbb欧美| 奇门遁甲1982国语版免费观看高清| 91在线视频导航| 亚洲国产另类 国产精品国产免费| 亚洲综合小说区| 国产午夜精品免费一区二区三区| 亚洲国产一区二区三区在线观看| 青青草精品毛片| 亚洲aa中文字幕| 日本不卡免费高清视频| 国产精品99一区| 97在线视频精品| 精品久久久久久中文字幕一区奶水| 久久精品99国产精品酒店日本| 日产精品99久久久久久| 亚洲成人网在线观看| 欧美肥婆姓交大片| 成人黄色免费看| 精品久久久久久久久久国产| 黄色一区二区在线观看| 2019亚洲男人天堂| 精品一区电影国产| 91久久精品久久国产性色也91| 成人黄色在线免费| 久久久久久久久久久国产| 亚洲免费成人av电影| 亚洲日本aⅴ片在线观看香蕉| 精品久久国产精品| 精品亚洲一区二区三区四区五区| 美女av一区二区三区| 国产成人精品国内自产拍免费看| 日av在线播放中文不卡| 国产不卡一区二区在线播放| 一区二区三区回区在观看免费视频| 亚洲一区二区中文| 久久99久久久久久久噜噜| 国产乱肥老妇国产一区二| 成人福利免费观看| 国产成人精品av| 91亚洲精品久久久久久久久久久久| 国产精品白丝jk喷水视频一区| 国产欧美一区二区三区久久| 欧美日韩国产精品| 久久久极品av| 97免费中文视频在线观看| 欧美韩国理论所午夜片917电影| 岛国视频午夜一区免费在线观看| 国产欧美日韩丝袜精品一区| 成人做爰www免费看视频网站| 国产精品久久久| 国产精品6699| 国产精品稀缺呦系列在线| 亚洲a成v人在线观看| 国产欧美 在线欧美| 欧美另类第一页| 亚洲欧洲日产国产网站| 91精品国产成人| 亚洲人成网站999久久久综合| 国产91ⅴ在线精品免费观看| 亚洲国产成人在线播放| 欧美精品情趣视频| 久久久成人精品视频| 久久精品视频在线播放| 欧美成人剧情片在线观看| 久久精品国产2020观看福利| 欧美精品日韩www.p站| 成年人精品视频| 久久99视频免费| 亚洲美女www午夜| 97在线视频免费| 国产精品久久久| 国产精品男女猛烈高潮激情| 在线播放精品一区二区三区| 成人久久精品视频| 国产成人精彩在线视频九色| 国产伦精品免费视频| 久久精品这里热有精品| 日韩av影片在线观看| 欧美放荡办公室videos4k| 日本乱人伦a精品| 欧美做受高潮电影o| 色综合视频一区中文字幕| 中文字幕亚洲专区| 欧洲亚洲在线视频| 午夜精品久久久久久久99黑人| 久久久久久成人精品| 91精品久久久久久| 亚洲国产精品va在线看黑人动漫| 亚洲精品wwww| 亚洲成色777777女色窝| 青青草国产精品一区二区| 国产精品伦子伦免费视频| 亚洲天堂精品在线| 日韩精品久久久久久福利| 久久精品电影网|