JavaScript Academy · 课时

防御式编程与输入检查

Q: 「防御式编程与输入检查」这节课中我会学到什么？

编写小型输入检查，使用守卫子句、安全解析、默认值和简单的对象验证，尽早防止失败 你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

编写小型输入检查，使用守卫子句、安全解析、默认值和简单的对象验证，尽早防止失败

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

防御性检查简介

目标：尽早阻止无效输入，避免错误扩散。

类型和范围检查
守卫子句
安全解析
默认值和简单对象验证

类型辅助函数

创建小型辅助函数，以便重复使用数字和非空字符串等检查。

// Tiny type helpers
function isNumber(n) {
  return typeof n === "number" && Number.isFinite(n);
}

function isNonEmptyString(s) {
  return typeof s === "string" && s.trim().length > 0;
}

console.log("isNumber(3):", isNumber(3));
console.log("isNumber(NaN):", isNumber(NaN));
console.log("isNonEmptyString(\"\"):", isNonEmptyString(""));
console.log("isNonEmptyString(\"hi\"):", isNonEmptyString("hi"));

守卫子句演示

先检查输入；遇到错误就立即停止，让主流程保持简洁。

// Guard clauses: return early if invalid
function buy(quantity) {
  if (!isNumber(quantity)) {
    console.log("Quantity must be a number");
    return;
  }
  if (quantity <= 0) {
    console.log("Quantity must be > 0");
    return;
  }
  console.log("Buying", quantity, "items");
}

buy(3);
buy("3");
buy(0);

带回退值的解析

验证解析结果。如果解析失败，就返回一个小型回退值，而不是让程序崩溃。

// Parse safely and use sensible defaults
function toInt(str, fallback = 0) {
  const n = parseInt(str, 10);
  if (!Number.isFinite(n)) {
    return fallback;
  }
  return n;
}

console.log("toInt(\"42\"):", toInt("42"));
console.log("toInt(\"7px\", -1):", toInt("7px", -1));
console.log("toInt(\"abc\", 0):", toInt("abc", 0));

默认值与范围

使用 ?? 提供 null/undefined 的默认值，然后将结果限制在安全范围内。

// Defaults with ?? and simple range checks
function clampPercent(value) {
  // Use 0 as default when value is null or undefined
  const v = (value ?? 0);

  if (!isNumber(v)) {
    return 0;
  }
  // Clamp into 0..100
  const clamped = Math.min(100, Math.max(0, v));
  return clamped;
}

console.log(clampPercent(undefined));
console.log(clampPercent(120));
console.log(clampPercent(-5));
console.log(clampPercent(55));

对象结构检查

检查必需字段和简单范围；返回类似 { ok, reason } 的小型结果对象。

// Simple object validation
function validateUser(u) {
  if (u == null || typeof u !== "object") {
    return { ok: false, reason: "User must be an object" };
  }
  if (!isNonEmptyString(u.name)) {
    return { ok: false, reason: "name required" };
  }
  if (!isNumber(u.age) || u.age < 0) {
    return { ok: false, reason: "age must be a number >= 0" };
  }
  return { ok: true };
}

console.log("good:", validateUser({ name: "Ayla", age: 21 }));
console.log("bad:", validateUser({ name: "", age: -1 }));

防御性检查测验

快速检查：防御性输入处理。

复习

复习：使用小型类型辅助函数、守卫子句、带回退值的安全解析、空值默认值、范围限制和简单对象验证，尽早阻止错误。

常见问题解答

「防御式编程与输入检查」课时是免费的吗？

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

「防御式编程与输入检查」这节课中我会学到什么？

编写小型输入检查，使用守卫子句、安全解析、默认值和简单的对象验证，尽早防止失败你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 JavaScript Academy 需要有经验吗？

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

「防御式编程与输入检查」课时需要多长时间？

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

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

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

此课程中的所有课时

try/catch/finally、throw 与自定义错误
防御式编程与输入检查

← 返回 JavaScript Academy