错误、try 与 catch

错误会让程序停下

• JavaScript 无法执行某一行时,就会抛出一个错误,程序在那里停下。
• 错误信息写出错误的种类和出了什么问题。先读它,再改代码。
• ReferenceError 表示某个名字不存在,常常是拼错了。TypeError 表示值的种类不对,比如调用一个不是函数的东西。

console.log("before");
let total = 5;
console.log(totl);       // typo
console.log("after");    // never runs

Output:
before
ReferenceError: totl is not defined

try 和 catch

• 把有风险的代码放进 try { … }。
• 如果它抛出错误,程序会跳到 catch (err) { … },而不是停下。
• err.message 保存错误的文字。try…catch 后面的代码无论如何都会运行。

try {
  const data = JSON.parse("{ broken");
  console.log(data);
} catch (err) {
  console.log("Could not read the data");
}
console.log("still running");
// → Could not read the data
// → still running

用 throw 抛出自己的错误

• throw new Error("message") 让函数停下,并把错误交给调用它的地方。
• 当函数拿到一个无法合理使用的值时就抛出错误。在能处理它的地方捕获它。

例题:安全的年龄检查

问题:checkAge(age) 在年龄小于 0 时应抛出错误,否则返回 "ok"。用两个年龄调用它,并报告每个结果。

function checkAge(age) {
  if (age < 0) {
    throw new Error("age cannot be negative");
  }
  return "ok";
}

for (const age of [12, -3]) {
  try {
    console.log(age, checkAge(age));
  } catch (err) {
    console.log(age, "rejected:", err.message);
  }
}
// → 12 ok
// → -3 rejected: age cannot be negative

try…catch 放在循环里面,所以一个错误的年龄被报告后,循环仍然继续处理下一个。

注意

• catch 只捕获 try 块运行时抛出的错误。破坏整个程序语法的拼写错误永远不会被捕获。
• 不要用空的 catch {} 把所有错误藏起来。说明出了什么问题,否则 bug 就看不见了。

常见错误

• 写 throw "bad age" 而不是 throw new Error("bad age")。这样 err.message 是 undefined。
• 把使用结果的 console.log 放在 try 后面,那里已经访问不到 try 里面定义的变量。
• 捕获了错误,却当作值没有问题继续运行。要决定程序接下来该做什么。

现在轮到你

• 对错误的输入抛出错误,再捕获它并打印它的信息。
• 按检查答案来测试它。