Coursera 笔记

Module 03 · JavaScript Programming for Web ApplicationsWeb 应用 JavaScript 编程

JavaScript: Variables and Control StatementsJavaScript:变量与控制语句

Coursera ↗


学习目标

观看本视频后,您将能够:

  • 定义 JavaScript 变量声明。
  • 了解 JavaScript 如何使用变量。
  • 识别 JavaScript 的控制结构,包括条件语句和循环语句。

JavaScript 变量

变量的定义与使用

  • 变量 是用来存储数据值的容器,可以在程序执行过程中被使用和修改。
  • 声明变量:使用 var 关键字后接变量名,例如:
    var age;
    var age = 54; // 声明并初始化
    

变量的特性

  • 松散类型:无需声明数据类型,变量的类型由赋值决定。
  • 动态类型变化:变量类型可在程序执行过程中发生改变。
  • 未初始化变量:未赋值的变量值为 undefined,而非默认值(如 0 或空字符串)。

变量命名规则

  1. 必须以字母、下划线 _ 或美元符号 $ 开头。
  2. 后续字符可以是字母、数字或符号。
  3. 区分大小写,例如: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) {
  // 循环体
}

执行流程:

  1. 初始化变量。
  2. 检查条件是否为真。
  3. 如果为真,执行循环体;否则退出循环。
  4. 更新变量并返回第 2 步。


while循环

在条件为真时重复执行代码。

语法:

while (condition) {
  // 循环体
}

注意:确保条件最终为假,否则会导致 无限循环。


总结

在本视频中,您学习了:

  1. JavaScript 变量:
    • 使用 var 声明变量。
    • 变量类型由赋值决定,支持动态类型变化。
    • 变量有两种作用域:局部作用域和全局作用域。
  2. 控制语句:
    • 条件语句:if...else 和 switch。
    • 循环语句:for 和 while。

通过理解这些基本概念,您将能够更有效地编写 JavaScript 代码并控制程序的执行流程! 🚀