在 JavaScript 中初始化物件時如何使用動態屬性名稱？

物件初始化中的動態屬性名稱

使用非文字鍵名初始化物件時可能會遇到問題。例如，以下程式碼失敗，並顯示有關預期':' 字元的錯誤訊息：

var KEYS = {} ;

KEYS.PHONE_TYPE = 'phone-type';
KEYS.AGENT_TYPE = 'agent-type';

var myAppConfig = {
    ...
    iconMap : { 
        KEYS.PHONE_TYPE : 'icon-phone', 
        KEYS.AGENT_TYPE : 'icon-headphones'
    };
    ...
};

ES6 解決方案

使用ES6 語法，動態屬性名稱可以使用方括號建立。更新後的程式碼如下所示：

iconMap : { 
    [KEYS.PHONE_TYPE] : 'icon-phone', 
    [KEYS.AGENT_TYPE] : 'icon-headphones'
};

此方法允許透過將所需的屬性名稱括在方括號內來建立具有動態屬性名稱的物件。

以上是在 JavaScript 中初始化物件時如何使用動態屬性名稱？的詳細內容。更多資訊請關注PHP中文網其他相關文章！