在前端开发中，我们经常需要在 HTML 元素上添加 onclick 属性来指定点击事件的处理函数。而对于使用这个属性时是否需要在结尾加上分号这一问题，也一直是前端开发者们热议的话题。
不加分号会出现什么问题？
首先，我们来看下面的代码示例：
<button onclick="alert('Hello')">Click me</button>这段代码很简单，它创建了一个按钮，点击后会弹出一个包含 "Hello" 的警告框。然而，如果我们删除其中的分号，将代码修改为如下所示：
<button onclick="alert('Hello')">
Click me
</button>那么会出现什么问题呢？实际上，这种情况下浏览器会自动补全语句，将整个 HTML 页面都作为一个 JavaScript 语句来执行，从而导致意料之外的结果。比如，在 Chrome 浏览器下，你会看到如下的错误提示：
Uncaught SyntaxError: missing ) after argument list
这是因为浏览器将整个页面当做一个 JS 语句，并且在 alert() 函数后面没有及时结束该语句，所以报错了。
加分号有什么好处？
既然不加分号会出现问题，那么加上分号又有哪些好处呢？
首先，加上分号可以让代码更加清晰易读。如果你使用一种比较规范的编码风格，那么在每个语句结尾加上分号也是很自然的事情。这样代码就会变得更加整洁有序。
其次，在某些情况下，不加分号可能会导致错误的结果。比如，如果你在两个 JavaScript 文件之间切换时忘记了给第一个文件的最后一个语句加上分号，而第二个文件的第一个语句以括号开头，那么可能会出现问题。
实践中应该怎么做？
鉴于以上讨论，我们建议在 onclick 中加上分号。虽然这并不是必须的，但为了保证代码的稳定性和可读性，加上分号是一个比较好的选择。
下面是一个示例代码，演示了在 onclick 中加分号的正确用法：
<button onclick="alert('Hello');">
Click me
</button>在这个示例中，我们在 onclick 属性中添加了一个分号，使得 alert() 函数成为了单独的语句，并且可以被正确执行。
总结
在前端开发中，使用 onclick 属性来绑定点击事件处理函数是一项常见的任务。虽然在 onclick 中加不加分号这一问题并不是必须的，但为了保证代码的稳定性和可读性，我们建议在每个语句结尾加上分号。这样可以让代码更加整洁有序，并避免可能出现的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29591