js運算子優先順序及賦值運算var a = {n:1};var b = a;a.x = a = {n:2};

前端晉級攻城獅發表於2019-08-07

很簡單的js入門,考察賦值運算和js運算子優先順序,我們直接上答案:

var a = {n:1}; 
var b = a;  
a.x = a = {n:2}; 
console.log(a.x);// --> undefined 
console.log(b.x);// --> [object Object] 
複製程式碼

下面來說下原理

var a = {n:1};
var b = a;

在這裡a指向了一個物件{n:1}(我們姑且稱它為物件A),b指向了a所指向的物件,也就是說,在這時候a和b都是指向物件A的:

a.x = a = {n:2};

我們知道js的賦值運算順序永遠都是從右往左的,不過由於“.”是優先順序最高的運算子,所以這行程式碼先“計算”了a.x。

這時候發生了這個事情——a指向的物件{n:1}新增了屬性x(雖然這個x是undefined的): 由於b跟a一樣是指向物件A的,要表示A的x屬性除了用a.x,自然也可以使用b.x來表示了。

接著,依循“從右往左”的賦值運算順序先執行 a={n:2} ,這時候,a指向的物件發生了改變,變成了新物件{n:2}(我們稱為物件B):

接著繼續執行 a.x=a,很多人會認為這裡是“物件B也新增了一個屬性x,並指向物件B自己”但實際上並非如此,由於( . 運算子最先計算)一開始js已經先計算了a.x,便已經解析了這個a.x是物件A的x,所以在同一條公式的情況下再回來給a.x賦值,也不會說重新解析這個a.x為物件B的x。

所以 a.x=a 應理解為物件A的屬性x指向了物件B: 當console.log(a.x)的時候,a是指向物件B的,但物件B沒有屬性x。沒關係,當查詢一個物件的屬性時,JavaScript 會向上遍歷原型鏈,直到找到給定名稱的屬性為止。但當查詢到達原型鏈的頂部 - 也就是 Object.prototype - 仍然沒有找到指定的屬性B.prototype.x,自然也就輸出undefined;

而在console.log(b.x)的時候,由於b.x表示物件A的x屬性,該屬性是指向物件B,自然也輸出了[object Object]了,注意這裡的[object Object]可不是2個物件的意思,物件的字串形式,是隱式呼叫了Object物件的toString()方法,形式是:"[object Object]"。所以[object Object]表示的就只是一個物件罷了:)

相關文章