JavaScript对象动态键名使用报错问题排查

你的代码存在两处写法问题，导致无法达到预期效果：

• 计算属性键的语法使用错误：你在方括号内给setup.param1加了引号，此时方括号包裹的是字符串字面量'setup.param1'，JS不会解析读取setup对象的属性值，最终生成的键名就是固定字符串setup.param1，完全不是你预期的配置项对应值data1、data2。
• 存在重复键问题：两个属性你都写了相同的['setup.param1']，就算语法修正后，后定义的属性会直接覆盖前一个同名属性，无法得到两个不同的键。

对象字面量的计算属性规则是：方括号[]内的内容会被当作JS表达式执行，表达式的返回值才是最终的键名，不要在方括号内给变量加引号，同时修正重复的键引用即可：

// 存储键名映射的配置对象
let setup={
  param1:'data1',
  param2: 'data2'
}

// 目标对象
const StatDataObj = {
  DataFields: {
    [setup.param1]: {Blocks: [],Patch: []},
    [setup.param2]: {Blocks: [],Patch: []}
  }
}

运行后StatDataObj.DataFields下会生成data1、data2两个键，完全匹配配置映射的预期。

内容的提问来源于stack exchange，提问作者Syngltake