javascript - 在箭头函数中使用 ComputedPropertyName 创建对象文字

Question

这个问题已经有答案了:

ECMAScript 6 arrow function that returns an object (6 个回答)

已关闭 5 年前。

如何转换:

const array = [10, 0, 90, 80, 50, 0, 60];
let id = 1;

const studentScores = array.map(function(score, index){
  return { [index]: score, student_id: id } 
});

console.log(studentScores)

进入粗箭头语法:

const studentScores = array.map((score, index) => { [index]: score, student_id: id } );

我的尝试抛出错误:

SyntaxError: Unexpected token :

Answer 1

您必须将对象字面量放在括号中，以使解析器相信它是一个对象字面量:

const studentScores = array.map((score, index) => ({ [index]: score, student_id: id }) );

通过将其括在括号中，解析器被迫将其解释为表达式，而不是语句 block 。 { 字符具有歧义，当它是语句中的第一件事时，解析器总是假设“语句 block ”就是它所看到的。