JavaScript中的連續(xù)賦值問題實例分析
本文實例講述了JavaScript中的連續(xù)賦值問題。分享給大家供大家參考,具體如下:
JavaScript中的連續(xù)賦值:
<script> var a = {n: 1} var b = a; a.x = a = {n: 2} console.log(a.x);//undefined console.log(b.x)//Object {n: 2} </script>
Javascript中賦值運算符“=”的優(yōu)先級是除了“,”以外最低的,并且是從右向左結(jié)合的。
Javascript中運算的順序是從左向右的。
a.x = a = {n: 2}
可以看做a.x =(a = {n: 2})
,先運算a.x,在a中添加x屬性,結(jié)果為null,在計算表達式(a = {n: 2})
,最后進行賦值運算。
修改程序:
<script> var a = {n: 1} var b = a; a = a.x = {n: 2} console.log(a.x);//undefined console.log(b.x)//Object {n: 2} </script>
<script> var a = {x:{xx:1},y:2,z:3}; var b = a.x; //{xx:1} var c = a; a.w = a.x.xx = a.y = a = {x:10,y:20}; console.log(a); console.log(b); console.log(c); </script>
運行結(jié)果:
a : {x: 10, y: 20}
b : {xx : {x: 10, y: 20}}
c :?{x:{xx:{x:10,y:20}},y:{x:10,y:20},z:3,w:{x:10,y:20}}
<script> console.log(c.x.xx.x);//10 console.log(c.y.x);//10 console.log(c.w.x);//10 </script>
上述代碼感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試運行結(jié)果。
更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
IE6,IE7,IE8下使用Javascript記錄光標選中范圍(已補全)
IE6,7,8下使用Javascript記錄光標選中范圍(已補全)(已解決單個節(jié)點內(nèi)部重復(fù)字符的問題)2011-08-08JavaScript中無法通過div.style.left獲取值的解決方法
這篇文章主要介紹了JavaScript中無法通過div.style.left獲取值的問題分析及解決方法,需要的朋友可以參考下2017-02-02js學(xué)習(xí)筆記之class類、super和extends關(guān)鍵詞
es6提供了一個新語法就是class,下面這篇文章主要給大家介紹了關(guān)于js學(xué)習(xí)筆記之class類、super和extends關(guān)鍵詞的相關(guān)資料,需要的朋友可以參考下2021-08-08js getBoundingClientRect() 來獲取頁面元素的位置
該方法已經(jīng)不再是IE Only了,F(xiàn)F3.0+和Opera9.5+已經(jīng)支持了該方法,可以說在獲得頁面元素位置上效率能有很大的提高,在以前版本的Opera和Firefox中必須通過循環(huán)來獲得元素在頁面中的絕對位置。2010-11-11