1. 程式人生 > >es6中新增對象的特性和方法

es6中新增對象的特性和方法

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中新增對象的特性和方法