es6中新增對象的特性和方法
阿新 • • 發佈:2017-11-29
script 就是 xxx logs 情況 cti 變量 應用 div
1. 對象簡寫
//曾經假如是這樣的
var name = ‘xxx‘
var obj = {
name : name,
say : function(){
alert(this.name)
}
}
//對象簡寫後
var obj = {
name,
say(){
alert(this.name)
}
}
//簡單的說就是寫對象的時候把冒號以及左邊的key省了,直接寫變量名或者方法名,這個應用還是很廣泛的。
2. 屬性名表達式
//曾經定義的時候可以這樣這樣
var obj = {
name : ‘小白‘,
age : 20
}
//也可以這樣
obj.name = ‘小白‘
obj[‘a‘ + ‘ge‘] = 20
//現在可以讓上面的兩種方式合體了。。。
var name = ‘name‘
var obj = {
[name] : ‘小白‘, // 數組裏用變量作為屬性名
[‘a‘ + ‘ge‘] : 20
}
//看到沒,在字面量的情況下使用變量和字符串拼接定義屬性。。。合體了~
console.log( obj[name], obj.age )
es6中新增對象的特性和方法