青少年编程与数学 01-007 在网页上编写程序 08课题、控制结构2_1

本文介绍了编程中的控制结构。控制结构是编程语言中用于控制程序执行流程的基本元素，包括顺序结构、选择结构、循环结构、跳转结构和异常处理结构。文中通过JavaScript代码示例，详细解释了这些结构的语法和应用，如if语句、switch语句、for循环、while循环、do-while循环以及try…catch…finally异常处理。

“在编程中，我们经常遇到这样的情况：最初的90%代码完成了，接下来的10%却花费了另外90%的时间来调试和完善。”
“The first 90 percent of the code accounts for the first 90 percent of the development time. The remaining 10 percent of the code takes the other 90 percent of the time.”
—— 汤姆·卡吉尔 (Tom Cargill) | 计算机科学家 | ——

“优秀的代码是它自己的最佳文档。当你考虑添加注释时，问问自己，‘我如何重构这段代码以消除这个注释的需要？’”
“Good code is its own best documentation. As you leave comments, ask yourself, ‘How can I improve the code to make the comment unnecessary?’”
—— 史蒂夫·麦康奈尔 (Steve McConnell) | 软件开发者、作家 | ——

课题摘要

本文介绍了编程中的控制结构。控制结构是编程语言中用于控制程序执行流程的基本元素，包括顺序结构、选择结构、循环结构、跳转结构和异常处理结构。文中通过JavaScript代码示例，详细解释了这些结构的语法和应用，如if语句、switch语句、for循环、while循环、do-while循环以及try…catch…finally异常处理。

课题要求

1. 理解编程语言中的控制结构，包括顺序结构、选择结构、循环结构、跳转结构和异常处理结构。
2. 掌握顺序结构的基本概念，如逐行执行、代码块、变量声明、函数调用、表达式求值、语句分隔和作用域。
3. 学习选择结构中的if语句和switch语句，理解它们的基本语法和使用场景。
4. 熟悉循环结构中的for循环、while循环和do…while循环，掌握它们的基本语法和应用方法。
5. 理解跳转结构中的break和continue语句的作用和用法。
6. 掌握异常处理结构try、catch和finally块的使用，以及throw语句的手动错误抛出。
7. 通过练习和示例代码，综合运用控制结构解决实际编程问题。

一、控制结构

在编程语言中，控制结构指的是用于控制程序执行流程的语句或语句集合。它们允许程序根据条件或循环执行不同的代码路径。主要的控制结构包括：

1. 顺序结构：这是最基本的控制结构，程序按照编写的顺序从上到下执行。

2. 选择结构：允许程序基于条件选择不同的执行路径。常见的选择结构有：

   • if 语句：根据条件是否为真来决定是否执行某个代码块。
   • switch 语句（某些语言中）：根据变量的值选择执行多个代码块中的一个。

3. 循环结构：允许程序重复执行一段代码直到满足特定条件。常见的循环结构有：

   • for 循环：在已知迭代次数的情况下使用。
   • while 循环：在条件为真时重复执行代码块。
   • do-while 循环：至少执行一次代码块，然后检查条件是否继续循环。

4. 跳转结构：允许程序跳转到程序中的另一个位置继续执行。常见的跳转结构包括：

   • break 语句：立即退出最近的 for、while 或 do-while 循环。
   • continue 语句：跳过当前循环的剩余部分，开始下一次迭代。
   • return 语句：从当前函数返回，并可以返回一个值。

5. 异常处理结构：用于处理程序执行中可能发生的错误或异常情况。例如：

   • try、catch 和 finally 块：try 块包含可能抛出异常的代码，catch 块捕获并处理异常，finally 块无论是否发生异常都会执行。

控制结构是编程语言的基础，它们使得程序能够根据不同的条件执行不同的操作，从而实现复杂的逻辑和功能。

二、顺序结构

JavaScript中的顺序结构是最基本的代码执行方式，它指的是代码按照从上到下的顺序依次执行。在没有其他控制结构（如条件判断或循环）干预的情况下，JavaScript 引擎会逐行读取并执行代码。

以下是顺序结构的一些关键点：

1. 逐行执行：在顺序结构中，JavaScript 引擎会按照代码编写的顺序，一行一行地执行代码。

2. 代码块：使用花括号 {} 可以定义一个代码块。代码块可以包含多条语句，但它们仍然按照顺序执行。

3. 变量声明：在顺序结构中，变量的声明（使用 var、let 或 const）会在代码执行前被处理，但它们的赋值操作会按照顺序执行。

4. 函数调用：当调用函数时，JavaScript 引擎会先执行函数内部的代码，然后再返回到调用点继续执行。

5. 表达式求值：表达式会在它们出现的顺序中被求值。

6. 语句分隔：在JavaScript中，通常使用分号 ; 来分隔语句。尽管在某些情况下分号可以省略，但为了代码的清晰性和避免潜在的语法错误，推荐显式地使用分号。

7. 作用域：变量的作用域通常遵循其声明的位置，但在顺序结构中，变量的可见性从其声明点开始，直到包含该声明的代码块结束。

8. 异步操作：尽管顺序结构本身不支持异步执行，但JavaScript提供了回调函数、Promises、async/await等机制来处理异步操作。这些机制允许在不打断顺序执行的情况下处理异步事件。

顺序结构是编程的基础，它确保了代码的逻辑性和可预测性。然而，在实际编程中，我们经常需要使用条件判断和循环等控制结构来实现更复杂的逻辑。

以下是一个简单的JavaScript顺序结构的代码示例：

// 变量声明和初始化
let message = 'Hello, World!';
let number = 10;

// 打印变量
console.log(message); // 输出: Hello, World!

// 变量操作
number += 5; // 将number的值增加5
console.log(number); // 输出: 15

// 条件判断
if (number > 10) {
  console.log('Number is greater than 10'); // 如果条件为真，则执行此语句
}

// 函数调用
function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet('Alice'); // 输出: Hello, Alice!

// 循环
for (let i = 0; i < 3; i++) {
  console.log(`Loop iteration number ${i + 1}`); // 循环三次
}

// 异步操作示例（非顺序结构）
setTimeout(() => {
  console.log('This message is printed after a delay.'); // 异步执行
}, 1000);

// 继续顺序执行
console.log('This message is printed immediately.'); // 输出: This message is printed immediately.

在这个示例中，代码按照以下顺序执行：

1. 声明并初始化两个变量 message 和 number。
2. 使用 console.log 打印 message 的值。
3. 增加 number 的值，并打印新的值。
4. 使用 if 语句进行条件判断，并在条件为真时打印一条消息。
5. 定义并调用一个名为 greet 的函数，打印一条问候消息。
6. 使用 for 循环打印循环次数。
7. 设置一个 setTimeout 来演示异步操作，它将在1秒后执行。
8. 即使设置了异步操作，代码的顺序执行仍然继续，立即打印下一条消息。

请注意，尽管 setTimeout 是异步的，但它不会打断顺序结构的执行流程。在 setTimeout 回调执行之前，代码会继续执行后面的语句。

三、选择结构

JavaScript中的选择结构主要用于基于条件判断来决定执行哪一段代码。主要的选择结构包括 if 语句和 switch 语句。

（一）if 语句

if 语句根据括号内的表达式是否为真（即结果为非零值或非空值）来决定是否执行特定的代码块。

基本语法

if (条件表达式) {
  // 条件为真时执行的代码
} else {
  // 条件为假时执行的代码
}

（二）if…else if…else 语句

当需要根据多个条件进行判断时，可以使用 else if 来添加更多的条件分支。

基本语法

if (条件1) {
  // 条件1为真时执行的代码
} else if (条件2) {
  // 条件1为假且条件2为真时执行的代码
} else {
  // 所有条件都为假时执行的代码
}

（三）switch 语句

switch 语句用于基于不同的情况（通常是变量的不同值）来执行不同的代码块。它提供了一种更简洁的方式来处理多个条件。

基本语法

switch (表达式) {
  case 值1:
    // 当表达式等于值1时执行的代码
    break;
  case 值2:
    // 当表达式等于值2时执行的代码
    break;
  // 可以有多个case
  default:
    // 如果没有匹配的case，则执行这里的代码
}

（四）代码示例

// if 语句示例
let score = 85;
if (score >= 90) {
  console.log('优秀');
} else if (score >= 80) {
  console.log('良好');
} else if (score >= 70) {
  console.log('中等');
} else {
  console.log('需要努力');
}

// switch 语句示例
let fruit = 'apple';
switch (fruit) {
  case 'banana':
    console.log('Bananas are yellow.');
    break;
  case 'apple':
    console.log('Apples are often red or green.');
    break;
  case 'mango':
    console.log('Mangos are sweet and juicy.');
    break;
  default:
    console.log('This is a different kind of fruit.');
}

// 注意：在switch语句中，每个case后面应该使用break来防止代码继续执行到下一个case。

在这些示例中，if 语句根据 score 的值来打印不同的评价，而 switch 语句根据 fruit 的值来打印不同的描述。选择结构使得程序能够根据不同的条件执行不同的代码，从而实现更灵活的逻辑控制。