JavaScript高级程序设计错误处理与调试学习笔记

2023年5月27日下午9:05 • JavaScript

下面我将详细讲解“JavaScript高级程序设计错误处理与调试学习笔记”的完整攻略。

1. 学习目标

学习本篇笔记的目标是了解JavaScript中的错误处理和调试技术。具体包括以下方面：

理解JavaScript中的错误类型；
掌握JavaScript中的错误处理机制；
掌握JavaScript中的调试技术。

2. 错误类型及处理机制

在JavaScript中，错误类型包括语法错误、运行时错误和逻辑错误。其中，语法错误是程序无法执行的情况，而运行时错误是程序在执行过程中发生的错误，逻辑错误则是程序执行结果不正确。

JavaScript中有一种特殊的错误类型叫做“Error对象”。我们可以通过抛出Error对象来捕获和处理错误。例如：

try {
  // 可能会引发错误的代码
} catch(e) {
  // 处理错误的代码
}

在try块中的代码可能会引发错误，如果确实发生了错误，那么catch块中的代码就会被执行。catch块中的e是一个Error对象，它包含了错误的类型、错误消息以及错误的堆栈信息等。我们可以通过e来获取这些信息。

3. 调试技术

JavaScript中常用的调试技术包括：console.log()、debugger、断点调试等。

其中，console.log()是最常用的调试技术之一，用于在控制台中输出调试信息。例如：

console.log('这是一条调试信息');

debugger是一种比较高级的调试技术，可以设置断点和单步调试等。例如：

function sum(a, b) {
  debugger; // 在这里设置断点
  return a + b;
}

设置了断点后，当函数执行到断点位置时，程序会停止执行，等待程序员进行调试。

4. 具体示例

下面是一个具体的示例，我们假设有一个字符串转数字的函数，但是如果输入的是一个非数字字符串，则函数会抛出一个错误。那么我们可以使用try-catch语句来处理这个错误，例如：

function stringToNumber(str) {
  if (isNaN(Number(str))) {
    throw new Error('不能将非数字字符串转为数字！');
  }
  return Number(str);
}

try {
  console.log(stringToNumber('123')); // 输出 123
  console.log(stringToNumber('abc')); // 输出 抛出错误
} catch(e) {
  console.log(e.message); // 输出 '不能将非数字字符串转为数字！'
}

这个示例中，我们通过try-catch语句来处理输入非数字字符串的情况，并输出错误消息到控制台。

另外一个示例是使用debugger调试一个递归函数，例如：

function factorial(n) {
  debugger;
  if (n < 0) {
    throw new Error('不能计算负数的阶乘！');
  } else if (n === 0 || n === 1) {
    return 1;
  } else {
    return n * factorial(n-1);
  }
}

console.log(factorial(5)); // 输出 120
console.log(factorial(-1)); // 抛出错误

在这个示例中，我们在递归函数的头部设置了一个断点，并输入了一个负数，程序会停留在断点处等待我们进行调试。可以使用调试器中的单步执行等功能，来找出问题所在。