JavaScript 语句
你已经会把结果送到页面、对话框或只送到 Console。现在聚焦脚本里的工作单元:语句(statements)。每条语句是一条完整指令。多条语句通常自上而下执行,除非以后用控制流改变路径。
什么是 JavaScript 语句?如何写多条?
语句是浏览器执行的一条完整指令——例如打印一个值或更新一个元素。本课程中,每条语句以分号(;)结尾。按你希望执行的顺序书写语句。空格和换行是给人看的;只要语句本身清楚,含义不变。若干语句需要成组时,用花括号 { } 包起来——这就是代码块。
语句规则一览
📊 初学者如何理解语句
| 想法 | 对你意味着什么 |
|---|---|
| 一条语句 | 一条完整指令(本课程再加 ;) |
| 分号 | 结束语句——现在就养成习惯 |
| 顺序 | 自上而下:上面的行先结束 |
| 空白 | 空格和空行帮助阅读;不是「额外语法」 |
| 换行 | 可把长语句拆行,只要仍清晰 |
代码块 { } |
一组当作一个单元的语句(会经常见到) |
一条语句
从一条指令开始。分号结束它。Console 把结果给你看——若目标是访客,仍需更新页面(上一课)。
console.log("One statement");
好习惯
- 学习阶段尽量一条语句只做一件清楚的事
- 即使引擎有时会猜测,也自己写上
; - 大声读这一行:若还不是完整指令,就还没写完
多条语句——顺序很重要
引擎按顺序执行语句。第一条 console.log 结束后,第二条才开始。对调两行,Console 顺序也会对调。
console.log("First");
console.log("Second");
console.log("Third");
页面上也一样:先设置文本的语句,会在后来改写它的语句之前运行。顺序是含义的一部分。
一行写多条语句
只要各自有分号,你可以把两条短语句写在同一行。可读文件通常一行一条语句。只有两步都很短且确实相关时,才共用一行。
console.log("A"); console.log("B");
空白与换行
多余空格和空行不会创造出新语句。把长语句拆成多行可以,只要各部分仍是一条清楚指令。不要靠删光空格「修」bug——应修逻辑或补上漏掉的分号。
console.log(
"Still one statement"
);
console.log("Next statement");
代码块——花括号里的语句
花括号 { } 把语句收成一个块。很快你会在函数、if 和循环里再见到。现在先把块理解成:「这些语句一起走」。
<!DOCTYPE html>
<html>
<head>
<title>Statements — Block</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
{
document.getElementById("msg").textContent = "Step one";
document.getElementById("msg").textContent = "Step two — last wins";
}
</script>
</body>
</html>
花括号里的两条语句按顺序执行。标题最终是「Step two — last wins」,因为那次赋值在最后。花括号不改变自上而下的规则;只是把工作分组。
自己试试
- 运行三条
console.log;再对调第一条与最后一条,确认 Console 顺序变了。 - 用两个分号把两条短日志放在一行;再拆成两行以便阅读。
- 像空白示例那样把字符串日志拆成两行——仍是一条语句。
- 打开 HTML 代码块演示;改第二条赋值字符串并刷新。
- 可选:故意删掉一个分号,看 Console 提示,再补回去。
常见错误
- 把空格或空行当成程序本身(它们只影响阅读)
- 以为后面的行会先于前面的行运行
- 「有一次能跑」就省略分号,之后撞上令人困惑的自动插入分号
- 把本课与「输出」混在一起:语句是指令;输出是结果出现在哪里
- 已经期待 Syntax(下一课)——字面量、标识符与大小写敏感性在那里讲
小结
- 语句是一条完整指令
- 本课程用
;结束语句 - 多条语句自上而下执行
- 空白与换行帮助人阅读;不会发明新语句
{ }把语句收成代码块- 下一课:Syntax——这些语句里如何写值与名称
🧠 测试您的知识
测试您的知识
通过这个互动测验挑战自己,看看你对这个主题的理解程度如何
📝 说明
- 仔细阅读每个问题
- 为每个问题选择最佳答案
- 您可以随时重新参加测验
- 您的进度将显示在顶部