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

问题背景

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

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解析引擎解析出来的只是个字符串。

展开阅读全文
©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值