javascript 輸出的值
迷茫
迷茫 2017-06-12 09:30:19
0
3
791

var a={},
b={key:'b'},
c={key:'c'};

a[b]=123;
a[c]=456;

console.log(a[b]);//輸出是456。
為什麼輸出的結果是456 不明白..求各位大神幫忙講解一些..

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回覆(3)
黄舟

Javascript 中,當通過 [] 訪問對象屬性時, 方括號中的表達式將會被求值並被轉換成一個字符串,調用它的toString方法.
所以:

var a = {};
b={key:'b'};
console.log(b.toString()); // [object Object]
a[b]=123;
console.log(typeof Object.keys(a)[0]);    // string, 属性名 b 转换成了字符串.

所以 bc 都轉換成相同的字串 [object Object]. 所以再次賦值就會被覆蓋.

曾经蜡笔没有小新

a[b]=123;這一步之後你印一下console.log(a);你就會恍然大悟

phpcn_u1582

你把物件 b 當做 a 的屬性,就會先呼叫物件btoString()方法。

var b={key:'b'};
b.toString(); // '[object Object]'

所以,

a[b] = 123;
// 即为
a['[object Object]'] = 123;
// 同理,下面一步赋值操作 c 也会先转换,然后再次更新属性 '[object Object]'对应的值
a['[object Object]'] = 456;
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板