JavaScript中对象字面量后是否必须使用分号？

核心结论 #

ECMAScript语法本身没有强制要求对象字面量末尾必须添加分号，示例代码的运行异常是JavaScript自动分号插入（ASI）机制的特殊场景问题，和对象字面量的语法要求无关。

异常触发逻辑 #

先看异常代码：

let nameof = "Hey";
let age = 12
const obj = {
  nameof: "One",
  age: 12,
  order: function () {
    return this.name;
  },
}
({ nameof, age } = obj);
console.log(nameof, age)

JS解析器执行代码时，不会在所有换行处自动插入分号：如果下一行开头是(、[、+、-、/、反引号这类字符，解析器会默认把上下两行当做同一段连续逻辑解析。
这段代码里，对象字面量闭合}的下一行刚好以(开头（非声明场景的对象解构必须包裹圆括号，避免开头的{被解析为代码块），解析器会把两段代码拼接为：

const obj = {
  nameof: "One",
  age: 12,
  order: function () {
    return this.name;
  },
}({ nameof, age } = obj);

等价于定义完obj对象后，立刻把({ nameof, age } = obj)的求值结果当参数，尝试调用obj()——普通对象不是可执行函数，自然直接抛出类型错误，代码无法运行。
在obj定义的末尾加上分号后，相当于手动明确标记了赋值语句的结束，解析器不会再做错误的连续拼接，代码就能正常执行。

分号书写的实践参考 #

• 自动分号插入是JS的固有机制，绝大多数换行场景下，哪怕不手动写分号，解析器也会正确补全语句结束标记。比如下面的无分号代码可以完全正常运行：

  const testObj = {
    value: 123
  }
  console.log(testObj.value) // 正常输出123
  

• 分号书写本质是代码风格选择：
  • 如果遵循强制分号的风格，只需要在每个语句的结束位置统一添加分号即可，不需要单独针对对象字面量做特殊处理
  • 如果遵循无分号的风格，只需要在以(、[、+、-、/、反引号开头的行最前面手动补一个前置分号，就能完全规避ASI的拼接坑，不需要给所有对象字面量末尾强行补分号

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