0Pricing
JavaScript Academy · 课时

if/else 与 switch——核心模式

使用 if/else 和 switch 编写清晰条件；使用守卫子句提前退出。

if/else 与 switch——核心模式 是 CoddyKit 上的免费 JavaScript Academy 课时。 这是第 1 节课，共 3 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 JavaScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 JavaScript Academy 课程共包含 3 节课。

简介

目标：选择合适的条件语句。先使用 if/else，有多个分支时加入 else if，需要清晰匹配值时使用 switch。

if/else 与 switch——核心模式 — 插图 1

if/else 基础

如果条件为真，就运行第一个代码块；否则运行 else 代码块。

// if/else — choose between two paths
const score = 72;

if (score >= 60) {
  console.log("Pass");
} else {
  console.log("Retry");
}
if/else 与 switch——核心模式 — 插图 2

else if 链

使用 else if，按照从最具体到最宽泛的顺序进行检查。

// else if — three or more branches
const temp = 18;

if (temp >= 30) {
  console.log("Hot");
} else if (temp >= 15) {
  console.log("Mild");
} else {
  console.log("Cold");
}
if/else 与 switch——核心模式 — 插图 3

switch 基础

switch 会匹配完全相等的值。请记得使用 break，以避免继续执行后续分支。

// switch — clean matching on a single value
const day = "Mon";

switch (day) {
  case "Mon":
    console.log("Start strong");
    break;
  case "Fri":
    console.log("Finish line");
    break;
  default:
    console.log("Keep going");
}
if/else 与 switch——核心模式 — 插图 4

守卫子句

当输入无效时，使用守卫子句提前退出，让正常路径保持清晰。

// Guard clause — return early for invalid input
function greet(name) {
  if (!name) {
    console.log("Name required");
    return;
  }
  console.log("Hello, " + name + "!");
}

greet("");
greet("Ayla");
if/else 与 switch——核心模式 — 插图 5

提示与常见错误

提示：

  • 按照从最具体到最宽泛的顺序进行检查。
  • 让条件保持简短且易读。
  • 在 switch 中包含 default 分支。
if/else 与 switch——核心模式 — 插图 6

switch 比较小测

快速检查：switch 匹配。

if/else 与 switch——核心模式 — 插图 7

总结

总结：两条路径使用 if/else，有序分支使用 else if，精确匹配值使用 switch，需要提前退出时使用守卫子句。

if/else 与 switch——核心模式 — 插图 8

常见问题解答

「if/else 与 switch——核心模式」课时是免费的吗？

是的 — 「if/else 与 switch——核心模式」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 JavaScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 JavaScript Academy 课程共包含 3 节课。

「if/else 与 switch——核心模式」这节课中我会学到什么？

使用 if/else 和 switch 编写清晰条件；使用守卫子句提前退出。 你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 JavaScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 JavaScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 1 节课，共 3 节。

「if/else 与 switch——核心模式」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 JavaScript Academy 课中编写并运行代码吗？

能。每节 JavaScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. if/else 与 switch——核心模式
  2. 循环：for、while、do…while、for…of 与 for…in
  3. 提前返回与守卫子句
← 返回 JavaScript Academy