物件縮寫

當物件的 key 與 value 的值重複了

function fun1(name, age){
    return {
        name: name,
        age: age
    }
}
fun1('基德', 22); // {name: "基德", age: 22}

明明語意化命名了，可是還是感覺把自己搞混了...
在 ES6 可以使用屬性初始化器來消除冒號達到縮寫。改一下上面的範例：

function fun1(name, age){
    return {
        name,
        age
    }
}
fun1('基德', 22); // {name: "基德", age: 22}

結果還是一樣!

方法縮寫

ES6 前，必須指定一個 function 添加方法。

let JK = {
    name: 'JKchan',
    readMyName: function(){
        console.log(this.name);
    }
}

ES6 後，你可以直接使用 () 來將 key 直接變成一個方法。

let JK = {
    name: 'JKchan',
    readMyName() {
        console.log(this.name);
    }
}

計算屬性名

上次看到有趣的東西，可是我還沒用過XD
key 內可以進行計算，用 [] 表示裡面的東西需要計算

let test = " name";
let JK = {
    ["first" + test]: 'JK',
    ["last" + test]: 'chan'
}
console.log(JK["first name"]); // JK
console.log(JK["last name"]); // chan

這樣就把兩個字串成一個 key 了，雖然不知道甚麼時候會用到就是了...

今天 ES6 的縮寫介紹就到這邊了，雖然不只上面所述的那麼少，但我開發上9.9成都只有用過前兩個~
明天應該是解構賦值了吧! 那麼明天見喽 掰掰~~