正在加载...

JavaScript 语句

你已经会把结果送到页面、对话框或只送到 Console。现在聚焦脚本里的工作单元:语句(statements)。每条语句是一条完整指令。多条语句通常自上而下执行,除非以后用控制流改变路径。

什么是 JavaScript 语句?如何写多条?

语句是浏览器执行的一条完整指令——例如打印一个值或更新一个元素。本课程中,每条语句以分号(;)结尾。按你希望执行的顺序书写语句。空格和换行是给人看的;只要语句本身清楚,含义不变。若干语句需要成组时,用花括号 { } 包起来——这就是代码块。

语句规则一览

📊 初学者如何理解语句

想法 对你意味着什么
一条语句 一条完整指令(本课程再加 ;)
分号 结束语句——现在就养成习惯
顺序 自上而下:上面的行先结束
空白 空格和空行帮助阅读;不是「额外语法」
换行 可把长语句拆行,只要仍清晰
代码块 { } 一组当作一个单元的语句(会经常见到)

一条语句

从一条指令开始。分号结束它。Console 把结果给你看——若目标是访客,仍需更新页面(上一课)。

一条完整语句

javascript
console.log("One statement");

好习惯

  • 学习阶段尽量一条语句只做一件清楚的事
  • 即使引擎有时会猜测,也自己写上 ;
  • 大声读这一行:若还不是完整指令,就还没写完

多条语句——顺序很重要

引擎按顺序执行语句。第一条 console.log 结束后,第二条才开始。对调两行,Console 顺序也会对调。

连续三条语句

javascript
console.log("First");
console.log("Second");
console.log("Third");

页面上也一样:先设置文本的语句,会在后来改写它的语句之前运行。顺序是含义的一部分。

一行写多条语句

只要各自有分号,你可以把两条短语句写在同一行。可读文件通常一行一条语句。只有两步都很短且确实相关时,才共用一行。

一行两条语句

javascript
console.log("A"); console.log("B");

空白与换行

多余空格和空行不会创造出新语句。把长语句拆成多行可以,只要各部分仍是一条清楚指令。不要靠删光空格「修」bug——应修逻辑或补上漏掉的分号。

同样的语句,更清晰的排版

javascript
console.log(
"Still one statement"
);
console.log("Next statement");

代码块——花括号里的语句

花括号 { } 把语句收成一个块。很快你会在函数、if 和循环里再见到。现在先把块理解成:「这些语句一起走」。

更新页面的小代码块

html
<!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」,因为那次赋值在最后。花括号不改变自上而下的规则;只是把工作分组。

自己试试

  1. 运行三条 console.log;再对调第一条与最后一条,确认 Console 顺序变了。
  2. 用两个分号把两条短日志放在一行;再拆成两行以便阅读。
  3. 像空白示例那样把字符串日志拆成两行——仍是一条语句。
  4. 打开 HTML 代码块演示;改第二条赋值字符串并刷新。
  5. 可选:故意删掉一个分号,看 Console 提示,再补回去。

常见错误

  • 把空格或空行当成程序本身(它们只影响阅读)
  • 以为后面的行会先于前面的行运行
  • 「有一次能跑」就省略分号,之后撞上令人困惑的自动插入分号
  • 把本课与「输出」混在一起:语句是指令;输出是结果出现在哪里
  • 已经期待 Syntax(下一课)——字面量、标识符与大小写敏感性在那里讲

小结

  • 语句是一条完整指令
  • 本课程用 ; 结束语句
  • 多条语句自上而下执行
  • 空白与换行帮助人阅读;不会发明新语句
  • { } 把语句收成代码块
  • 下一课:Syntax——这些语句里如何写值与名称

🧠 测试您的知识

准备开始

测试您的知识

通过这个互动测验挑战自己,看看你对这个主题的理解程度如何

❓
6
问题
🎯
70%
及格要求
♾️
∞
时间
🔄
∞
尝试次数

📝 说明

  • 仔细阅读每个问题
  • 为每个问题选择最佳答案
  • 您可以随时重新参加测验
  • 您的进度将显示在顶部