ES6 屬性名表示式

2021-09-26 07:14:39 字數 1214 閱讀 1956

1.直接用識別符號作為屬性名：

obj.fo = true
2.用表示式作為屬性名：

obj['a'+'bc'] = 123


//相當於


obj['abc'] = 123
3.es6 允許字面量定義物件時，用方法二（表示式）作為物件的屬性名，即把表示式放在方括號內。

let key = 'fo';


let obj = ;
var lastt = 'last t';


var a = ;


a['first'] // "hello"


a[lastt] // "world"


a['last t'] // "world"
4.表示式用來定義方法名

let obj = 


};obj.says(); // hello word
5.注意，屬性名表示式與簡潔表示法，不能同時使用，會報錯

// 會報錯


var fo = 'ba';


var ba = 'abc';


var baz = ;


//正確寫法：


var fo = 'ba';


var baz = ;
6.注意，屬性名表示式如果是乙個物件，預設情況下會自動將物件轉為字串[object object]，這一點要特別小心。

const key1 = ;


const key2 = ;


const myobject = ;


myobject // object
面**中，[key1]和[key2]得到的都是[object object]，所以[key2]會把[key1]覆蓋掉，而myobject最後只有乙個[object object]屬性。

ES6學習筆記 屬性名表示式

1.直接用識別符號作為屬性名 obj.foo true 2.用表示式作為屬性名 obj a bc 123 相當於 obj abc 123 3.es6 允許字面量定義物件時，用方法二 表示式 作為物件的屬性名，即把表示式放在方括號內。let key foo let obj var lastword l...

ES6解構表示式

1 解構表示式傳參 let user function show obj show user 表示式傳值，整個表示式的值 取決於右邊，所以把user傳給了obj console.log name,age ghostwu,222 解構陣列 let arr 10,20,30,40 陣列用解構 let o...

ES6之箭頭表示式

1.單行箭頭表示式 1 var foo arg1,arg2 arg1 arg2 2 上述表示式相當於 3var foo function arg1,arg2 2.多行箭頭表示式 必須使用 大括號 1 var foo arg1,agr2 45 以上表示式相當於 6var foo function ar...