在 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中文网其他相关文章！