点此查看 所有教程、项目、源码导航
本文目录
- 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中的语句
发布评论