JavaScript 语句
JavaScript 语句
Section titled “JavaScript 语句”在 HTML 中,JavaScript 语句是由 Web 浏览器的 JavaScript 引擎“执行”的“指令”。
JavaScript 语句
Section titled “JavaScript 语句”这条语句告诉浏览器查找 id="demo" 的 HTML 元素并更改其内容:
document.getElementById("demo").innerHTML = "Hello Modern JavaScript!";JavaScript 程序
Section titled “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 空白符
Section titled “JavaScript 空白符”JavaScript 在很大程度上忽略了多个空格。你可以在脚本中添加空白符(空格、制表符、换行符)来提高可读性。
以下两行是等效的:
const person = "Hege";const person = "Hege";一个好的习惯是在运算符周围添加空格(例如,=、+、-、*、/):
const x = y + z;JavaScript 行长和换行
Section titled “JavaScript 行长和换行”为了更好的可读性,程序员通常会尝试将代码行长度保持在一定范围内(例如,80-120 个字符)。
如果一个 JavaScript 语句不能放在一行上,最佳的换行位置是在运算符或逗号之后:
document.getElementById("demo").innerHTML = "Hello Modern JavaScript!";JavaScript 代码块
Section titled “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 关键词
Section titled “JavaScript 关键词”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 关键词是保留字。保留字不能用作变量、函数或标签的名称。 |
|---|