最近更新: 2017-01-17

學習 ECMAScript/JavaScript 6 - 語法補遺

本補遺所列者通常是簡化語法。功能性不強,我個人不常用。但為免閱讀他人程式時看不懂,還是需要整理列出。

Object 簡化語法

此簡化語法源於新的 Class 語法。不用再打一堆冒號。

var name = 'rock';

// Normal
var human = {
    name: name,

    hello: function() {
        console.log(this.name);
    }
};

// Shorter
var human = {
    name,
    // 省略屬性值的敘述時,就會從定義域(活動範圍)中找尋同名稱變數為其值
    // 本例中,會以開頭定義的 name 變數為值。

    hello() {
        console.log(this.name);
    }
};
相關文章