定义一个常量，在对象中引用这个常量时报错，解决办法

问题背景

定义了一个常量，然后在一个对象中的属性名中引用该常量中的某个键，然后控制台报错。如下

const {log} = console; const STATUS = { OK: 1, ERROR: 2 } const handle = { STATUS.OK: () => {log("it's ok")}, STATUS.ERROR: () => {log("it's error")} } let status = 0; handle[status]();

错误如下：

分析原因

v8引擎解析会将STATUS.OK: () => {log("it's ok")}解析为STATUS: STATUS,OK: () => {log("it's ok")}，所以它会告诉你语法错误，此处的"."为不期待的运算符，应该为“,”

解决办法

给该属性值添加中括号[]

const {log} = console; const STATUS = { OK: 1, ERROR: 2 } const handle = { [STATUS.OK]: () => {log("it's ok")}, [STATUS.ERROR]: () => {log("it's error")} } let status = 1; handle[status](); 结果

提示：对象中如果要使用变量做属性名的话，需要给其添加中括号[]，否则js解析引擎解析出来的只是个字符串。