Module 03 · JavaScript Programming for Web ApplicationsWeb 应用 JavaScript 编程
JavaScript: Variables and Control StatementsJavaScript:变量与控制语句
学习目标
观看本视频后,您将能够:
- 定义 JavaScript 变量声明。
- 了解 JavaScript 如何使用变量。
- 识别 JavaScript 的控制结构,包括条件语句和循环语句。

JavaScript 变量
变量的定义与使用
- 变量 是用来存储数据值的容器,可以在程序执行过程中被使用和修改。
- 声明变量:使用
var关键字后接变量名,例如:var age; var age = 54; // 声明并初始化
变量的特性
- 松散类型:无需声明数据类型,变量的类型由赋值决定。
- 动态类型变化:变量类型可在程序执行过程中发生改变。
- 未初始化变量:未赋值的变量值为
undefined,而非默认值(如0或空字符串)。

变量命名规则
- 必须以字母、下划线
_或美元符号$开头。 - 后续字符可以是字母、数字或符号。
- 区分大小写,例如:
Age和age是两个不同的变量。
变量的作用域 (Scope)
| 作用域类型 | 描述 |
|---|---|
| 局部作用域 | 在函数内部声明的变量,只在函数内部可用。 |
| 全局作用域 | 在函数外部声明的变量,整个程序都可以访问。 |
| 隐式全局变量 | 未使用 var 声明的变量自动具有全局作用域(不推荐)。 |

JavaScript 控制语句
1. 条件语句 (Conditional Statements)
if...else语句
用于根据条件执行不同的代码路径。
语法:
if (condition) {
// 条件为 true 时执行的代码
} else {
// 条件为 false 时执行的代码
}
- 大括号可选:当只有一条语句时可以省略大括号。
- 代码缩进:虽然非必需,但推荐使用缩进提高可读性。
注意:
JavaScript 中没有块作用域,这意味着 if 块中声明的变量可以在块外访问。


switch语句
switch 是 if...else 的替代方案,适用于多条件判断。
语法:
switch (expression) {
case value1:
// 匹配 value1 时执行的代码
break;
case value2:
// 匹配 value2 时执行的代码
break;
default:
// 无匹配时执行的代码
}
break关键字:防止代码继续执行到下一个case。default子句:当没有匹配时执行。

2. 循环语句 (Loops)
for循环
适用于固定次数的重复操作。
语法:
for (initialization; condition; increment) {
// 循环体
}
执行流程:
- 初始化变量。
- 检查条件是否为真。
- 如果为真,执行循环体;否则退出循环。
- 更新变量并返回第 2 步。


while循环
在条件为真时重复执行代码。
语法:
while (condition) {
// 循环体
}
注意:确保条件最终为假,否则会导致 无限循环。

总结
在本视频中,您学习了:
- JavaScript 变量:
- 使用
var声明变量。 - 变量类型由赋值决定,支持动态类型变化。
- 变量有两种作用域:局部作用域和全局作用域。
- 使用
- 控制语句:
- 条件语句:
if...else和switch。 - 循环语句:
for和while。
- 条件语句:
通过理解这些基本概念,您将能够更有效地编写 JavaScript 代码并控制程序的执行流程! 🚀

