Skip to content

JavaScript 语句

在 HTML 中,JavaScript 语句是由 Web 浏览器的 JavaScript 引擎“执行”的“指令”。

这条语句告诉浏览器查找 id="demo" 的 HTML 元素并更改其内容:

document.getElementById("demo").innerHTML = "Hello Modern JavaScript!";

大多数 JavaScript 程序由许多 JavaScript 语句组成。

这些语句按编写的顺序依次执行(除非条件语句或循环等控制流语句改变了顺序)。

在此示例中,x、y 和 sum 被声明并赋值,最后显示 sum 的值:

const x = 5;
const y = 6;
const sum = x + y;
document.getElementById("demo").innerHTML = sum; // 输出将是 11
JavaScript 程序(和 JavaScript 语句)通常被称为 JavaScript 代码。

分号用于分隔 JavaScript 语句。

在每个可执行语句的末尾添加分号是广泛采用的最佳实践:

let a = 5;
let b = 6;
let c = a + b;

使用分号分隔时,允许将多个语句写在一行上,但通常不建议这样做,以提高可读性:

let a = 5; let b = 6; let c = a + b;
JavaScript 有一个称为“自动分号插入”(Automatic Semicolon Insertion - ASI) 的特性。虽然这意味着在某些情况下分号在技术上是可选的,但依赖 ASI 可能会导致微妙的错误。显式使用分号更安全、更清晰。

JavaScript 在很大程度上忽略了多个空格。你可以在脚本中添加空白符(空格、制表符、换行符)来提高可读性。

以下两行是等效的:

const person = "Hege";
const person = "Hege";

一个好的习惯是在运算符周围添加空格(例如,=、+、-、*、/):

const x = y + z;

为了更好的可读性,程序员通常会尝试将代码行长度保持在一定范围内(例如,80-120 个字符)。

如果一个 JavaScript 语句不能放在一行上,最佳的换行位置是在运算符或逗号之后:

document.getElementById("demo").innerHTML =
"Hello Modern JavaScript!";

JavaScript 语句可以被分组到代码块中,用花括号 {} 包围。

代码块的目的是定义一组要一起执行的语句序列,通常用作函数、条件语句或循环的主体。

这是一个函数定义中的代码块示例:

function greetUser() {
const message = "Hello from the function!";
document.getElementById("demo").innerHTML = message;
document.getElementById("myDIV").innerHTML = "How are you today?";
}
在代码块内保持一致的缩进(例如,2 或 4 个空格)可以显著提高可读性。你稍后将学到更多关于函数的内容。

JavaScript 语句通常以一个关键词开头,该关键词标识要执行的操作。

以下是一些重要的 JavaScript 关键词列表:

关键词描述
let声明一个块级作用域变量。
const声明一个块级作用域的只读常量。
var声明一个变量(旧语法,通常已被 let 和 const 取代)。
if … else根据条件执行代码块。
switch根据不同的情况执行代码块。
for创建一个循环,多次执行代码块。
while创建一个循环,只要条件为真就执行。
function声明一个函数。
return退出函数并可选地返回值。
class声明一个类(用于面向对象编程)。
try … catch为代码块实现错误处理。
async声明一个异步函数。
await暂停一个异步函数并等待 Promise 解决。
import导入模块。
export导出模块。
break终止 switch 语句或循环。
continue跳过当前循环迭代并继续下一次。
JavaScript 关键词是保留字。保留字不能用作变量、函数或标签的名称。