点此查看 所有教程、项目、源码导航

本文目录

  • 1. 什么是语句
  • 2. JS语句分割
  • 3. JS语句分行
  • 4. 没有分号的情况
  • 5. 小结

1. 什么是语句

本篇我们来学习JS中的语句，理解JS语句的写法。

首先在自然语言，例如我们的汉语中，句子就是一句完整的话，一般一个汉语句子使用句号、问号或者叹号结尾。

英语也差不多，英语的句子是由单词组成的，一般也是由句号、问号或叹号结尾。

那么自然语言，为什么要有句子呢。就是因为每个句子，是整个内容的一小段，我们一句话一句话的说，别人才好一句话一句话的理解。如果不分句子直接说一大堆没有停顿，谁能理解的了？

同样，JS语言也是由语句组成的，JS分成一个一个的语句，计算机才能一句一句的理解执行。

2. JS语句分割

上面我们讲了，自然语言的句子，一般是使用句号、问号、或者叹号结尾，也就是说，当我们看到句号、问号或者叹号时，就知道一个句子结束了，这些符号就是自然语言语句的分割符号。

JS语言中，使用分号;作为语句的分割。之前我们学过了alert(1)表示在网页上弹窗显示数字1，那么完整的语句应该写作alert(1);，注意最后有一个分号，表示当前语句结束了。

所以我们可以编写如下代码，让网页先弹窗显示1，再弹窗显示2。

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
</head>
<body>
   <script>
       alert(1);alert(2);
   </script>
</body>
</html>

此时我们打开网页，可以看到网页会先后弹窗1，然后弹窗2。

那么如果我们不用分号分割，代码如下：

<body>
    <script>
        alert(1)alert(2)
    </script>
</body>

我们运行代码，会发现网页并不能正常弹窗，这是因为代码没有正常分割，我们计算机浏览器理解不了这样的代码了。

3. JS语句分行

虽然下面的写法是正确的：

<body>
    <script>
        alert(1);alert(2);
    </script>
</body>

但是如果把很多行代码都放到一行，会显得很凌乱。

我们从代码格式化、美观易懂的角度出发，习惯上，每行我们只放一句JS代码如下：

<body>
    <script>
        alert(1);
        alert(2);
    </script>
</body>

大家以后在编写JS程序时，也应该记住，每行只写一句JS代码。

4. 没有分号的情况

看如下代码：

<body>
    <script>
        alert(1)
        alert(2)
    </script>
</body>

虽然没有写分号，但是两个语句之家分行了，而且我们使用浏览器查看该网页，也能正常弹窗展示数字。

这种写法是不符合规范的，不建议使用。另外这种方式虽然能正常运行，但是浏览器在分析这样的代码时，需要花费额外的时间去推测分号的位置，这会浪费浏览器的性能。

也就是说，如果有分号，浏览器会很容易确定语句如何分割。如果没有分号，浏览器得尝试根据代码的情况分割语句。

综上所述，虽然有时候没有分号，JS也能正常运行，但是强烈建议使用分号。

5. 小结

JS中的语句使用分号分割，建议每行代码只有一条语句，且都使用分号结束语句。

更多推荐

零基础JavaScript入门教程(5)–理解JS中的语句