JavaScript 101：控制流入门

Source: Dev.to

TL;DR

• 在你的应用中，控制流负责确保代码走正确的路径。if、else if 和 else 可以根据条件执行不同的代码。
• 通常会把控制流和比较或逻辑运算符一起使用（将在下一篇文章中介绍！）。
• 良好的控制流可以避免混乱、重复的代码。

入门

编写代码本质上是一步一步告诉计算机该做什么。但如果你需要根据会变化的数据来决定计算机的执行步骤，该怎么办？如何告诉计算机：“嘿，当发生这种情况时，执行这个或那个”？这正是控制流发挥作用的地方。它确保你的代码能够根据特定条件决定该做什么。

在本文中，我将带你了解 JavaScript 中做决策的最基本构件：if、else if 和 else。

💡 在深入之前： 这些语句与 ==、> 或 && 等运算符密切配合。如果这些现在看起来有点模糊，别担心——我们将在下一篇文章中讲解运算符。

什么是控制流？

控制流是一个花哨的说法，指的是代码“从一个过程流向下一个过程”的方式。

默认情况下，JavaScript 按照从上到下、逐行执行代码。使用条件语句，我们可以通过告诉程序：

• “如果这是真的，就执行这个。”
• “否则，也许执行那个。”
• “如果以上都不满足，就执行另一件事。”

来中断、修改甚至重置这种流向。

if 语句

if 语句很直接：如果 条件为真，就运行关联的代码。

if (condition) {
    // code to run if condition is true
}

示例

let score = 90;

// 仅在严格大于 70 时通过（70 不通过）
if (score > 69) {
    console.log("Not bad.");
}

// 在大于或等于 70 时通过（70 通过）
if (score >= 70) {
    console.log("Not bad.");
}

在示例中，JavaScript 检查 score 是否大于 70，并打印 “Not bad.”。如果条件为假，则跳过该代码块。

else if 与 else 语句

当需要多个条件时，使用 else if 链接，并以 else 作为后备。

if (score > 80) {
    console.log("Nice job!");
} else if (score > 70) {
    console.log("Not bad.");
} else {
    console.log("Keep practicing.");
}

这让代码可以在多个路径之间进行选择。JavaScript 在找到匹配后会停止检查。

保持条件简洁的专业技巧

• 保持条件简单；如果变得杂乱，拆分成命名明确的变量。
• 你 可以 嵌套 if 语句，但要避免深层嵌套——这会让代码难以阅读。
• 始终测试条件的所有分支。

接下来：JavaScript 中的运算符

在下一部分，我们将深入探讨 JavaScript 如何处理运算符，并看看它们如何与 if、else if、else 配合，形成正确的数据流。

控制流概览