在前端开发中，分号是一个常见的标点符号，用于分隔语句。但是，是否必须在每个语句的末尾添加分号一直是一个争议话题。
分号的作用
分号是用来分隔语句的标点符号。它告诉 JavaScript 解释器哪里是一个语句的结束位置。如果你省略了分号，JavaScript 解释器将尝试使用自动插入分号（ASI）规则来补充缺失的分号。
例如，以下两行代码是等价的：
const name = "John" const age = 30
和
const name = "John"; const age = 30;
在第一个例子中，JavaScript 解释器将自动在 const name = "John" 和 const age = 30 之间插入分号。
虽然自动插入分号的机制确实方便了开发人员，但也可能会导致错误，特别是在代码压缩或混淆时。此外，在某些情况下，ASI 规则并不能按照预期工作，导致意外的行为。
因此，有些开发者主张总是在每个语句的末尾添加分号，以避免潜在的问题。
不加分号的情况下可能出现的问题
如果你不习惯在每个语句的末尾添加分号，你可能会面临一些让人困扰的问题。以下是几个常见的例子：
1. 函数调用
如果一个函数调用紧跟在一个语句后面，而没有使用分号将它们分隔开来，那么就可能会导致问题。
例如，考虑以下代码：
const result = getValue() (console.log || alert)(result)
这段代码看起来很简单，但实际上它有一个潜在的问题：如果 getValue() 返回一个对象，那么 console.log 或 alert 可能会被错误地视为该对象的一个属性或方法。这可能会导致意外的行为，比如抛出异常。
为了避免这种情况，你可以在 const result = getValue() 和 (console.log || alert)(result) 之间加上分号：
const result = getValue(); (console.log || alert)(result);
2. 对象字面量
在 JavaScript 中，对象字面量是一种常用的数据结构。例如，我们可以使用以下代码创建一个包含三个属性的对象：
const person = {
name: "John",
age: 30,
city: "New York"
}在这个例子中，每个属性之间都用逗号分隔开来。但是，如果你省略了最后一个属性后面的逗号，就可能会产生一些问题：
const person = {
name: "John",
age: 30,
city: "New York"
// Oops, I forgot the comma!
}在这个例子中，由于省略了最后一个属性后面的逗号，JavaScript 解释器将会尝试使用自动插入分号规则。但是，由于对象字面量不应该以分号结尾，因此解释器将抛出一个语法错误。
为了避免这种情况，你可以在每个属性之间都加上逗号，即使是最后一个属性也不例外：
const person = {
name: "John",
age: 30,
city: "New York",
}3. JavaScript 模块
在 JavaScript 中，模块是一种常用的组织代码的方式。如果你正在编写一个 JavaScript 模块，并且
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13145