JavaScript 第二十章（跳转语句的使用技巧与常见陷阱）

在JavaScript编程中，跳转语句是控制代码执行流程的重要工具。它们使得我们能够根据特定条件跳出循环、跳过迭代或从函数返回值。以下是JavaScript中几种常见的跳转语句，以及它们的使用方法和示例代码。

一、break语句

break用于立即退出最内层的循环或switch语句。在循环中，它可以用于在满足特定条件时提前终止循环，避免执行不必要的迭代。

示例代码：

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        break; // 当i等于5时，退出循环
    }
    console.log(i);
}

注意事项:

• 尽量避免在深层嵌套的循环中使用break和continue，因为这可能会使得代码的逻辑变得难以理解和维护。如果必须使用，考虑添加注释来说明跳转的逻辑。
• 当使用带标签的break或continue时，确保标签命名清晰且具有描述性，以便于理解代码的跳转目的。

二、continue语句

continue用于跳过当前循环迭代中剩余的代码，并继续执行下一次迭代。它常用于在满足特定条件时忽略当前的迭代步骤。

示例代码：

for (let i = 0; i < 10; i++) {
    if (i % 2 === 0) {
        continue; // 当i为偶数时，跳过当前迭代
    }
    console.log(i); // 只打印奇数
}

三、return语句

return用于从函数中返回一个值，并结束该函数的执行。如果没有指定返回值，则函数返回undefined。

示例代码：

function sum(a, b) {
    return a + b; // 返回a和b的和
}
console.log(sum(5, 3)); // 输出8

return语句的使用技巧:

• 函数应该只有一个出口点，即尽量只在函数的末尾使用一次return语句。这有助于防止代码中出现多个返回点，从而增加代码的可读性。
• 如果函数逻辑复杂，需要多个return语句，务必确保每个return语句之前的逻辑清晰，并且有充分的注释。

4. 标签语句: 在JavaScript中，可以通过在语句前添加标签来创建一个命名点，这样break和continue就可以与特定的标签配合使用，实现更复杂的跳转逻辑。

   示例代码：

   outerLoop: for (let i = 0; i < 3; i++) {
       for (let j = 0; j < 3; j++) {
           if (i === j) {
               continue outerLoop; // 使用标签跳转到外层循环的下一次迭代
           }
           console.log(`i=${i}, j=${j}`);
       }
   }
   

四、throw语句

throw用于抛出一个用户定义的异常。可以与try...catch结构配合使用，对错误进行捕获和处理。

示例代码：

function divide(a, b) {
    if (b === 0) {
        throw new Error('除数不能为0'); // 抛出异常
    }
    return a / b;
}

try {
    console.log(divide(10, 0));
} catch (e) {
    console.error(e.message); // 捕获并处理异常
}

throw语句的使用建议:

• 使用throw抛出错误时，尽量使用Error对象或其子类，而不是简单的字符串或数字。这样可以提供更多的错误信息，并且允许捕获异常时进行更复杂的错误处理。
• 抛出异常时，应该考虑函数的调用者如何处理这些异常。确保在适当的地方捕获并处理异常，以避免程序中断。

五、try…catch…finally语句

这个结构用于处理代码块中可能出现的异常。try块中包含可能抛出异常的代码，catch块用于捕获异常，而finally块包含无论是否出现异常都要执行的代码。

示例代码：

try {
    // 尝试执行的代码
    throw new Error('这里有个错误');
} catch (e) {
    // 处理异常
    console.error(e.message);
} finally {
    // 无论是否捕获到异常，都会执行
    console.log('清理工作');
}

try…catch…finally的使用注意点:

• 在try块中，只包含可能抛出异常的代码，避免过多无关代码，这样可以提高异常处理的精确度和代码的清晰度。
• catch块应该只处理它能处理的异常，不要捕获所有异常而不进行区分。可以使用多个catch块来处理不同类型的异常。
• finally块通常用于清理资源，比如关闭文件流或数据库连接。即使try或catch块中有return语句，finally块中的代码仍然会执行。

六、避免陷阱:

• 注意break和continue不能用于forEach、map、filter等数组方法的回调函数中。这些方法的回调函数不能被提前终止，如果需要中断执行，应该考虑使用传统的循环。
• 当return、throw、break或continue后面紧跟着换行符时，JavaScript可能会自动插入分号，导致不是预期的行为。确保这些语句后面紧跟着要返回或抛出的表达式。
• 在try...catch...finally结构中，如果catch块中有return语句，而finally块中也有return语句，那么finally块的return会覆盖catch块的return。