抛出错误与控制台错误的区别

在前端开发中，我们经常需要处理错误和异常情况。JavaScript 提供了两种不同的方式来报告错误：throw 和 console.error()。虽然它们都可以用于报告错误，但它们有着不同的使用场景和目的。

throw

throw 是 JavaScript 中用于抛出异常的关键字。当代码执行到某一行时发生错误或者不符合预期的情况时，我们可以使用 throw 关键字来抛出一个错误对象。这个错误对象包含了错误信息和错误堆栈，它会终止当前代码块的执行，并且向调用栈传递这个错误对象。

function divide(a, b) {
  if (b === 0) {
    throw new Error('除数不能为 0')
  }
  return a / b;
}

在上面的例子中，如果 b 的值为 0，那么 throw 就会抛出一个新的错误对象，这个错误对象包含了错误信息 "除数不能为 0"。这个错误对象会被传递给调用栈，我们可以通过捕获这个错误对象，并进行相应的处理。

try {
  const result = divide(10, 0);
} catch (error) {
  console.log(error.message); // 输出 "除数不能为 0"
}

在这个例子中，我们通过 try...catch 块捕获了 divide 函数抛出的错误对象，并在控制台中输出了它的错误信息。

console.error()

console.error() 是用于输出错误信息到浏览器控制台的方法。与 throw 不同，console.error() 并不会终止当前代码块的执行，并且也不会向调用栈传递错误对象。它只是简单地输出一条错误信息到控制台中，以便开发者查看和调试。

function divide(a, b) {
  if (b === 0) {
    console.error('除数不能为 0')
  }
  return a / b;
}

在上面的例子中，如果 b 的值为 0，那么 console.error() 就会输出一行错误信息 "除数不能为 0" 到控制台中，但是函数会继续执行并返回一个 Infinity 值。

const result = divide(10, 0); // 输出 "除数不能为 0" 到控制台中，并返回 Infinity

区别

• throw 用于抛出错误对象，以便进行错误的捕获和处理；console.error() 用于输出错误信息到控制台中，以便开发者查看和调试。
• throw 会终止当前代码块的执行，并向调用栈传递错误对象；console.error() 并不会终止当前代码块的执行，并且也不会向调用栈传递错误对象。
• throw 可以抛出任何类型的对象，包括自定义的错误对象；console.error() 只能输出字符串或者其他可以被转换为字符串的对象。

指导意义

在开发过程中，我们应该合理使用 throw 和 console.error()，以便处理错误和异常情况。当我们需要报告一个严重的错误，并终止当前代码块的执行时，应该使用 throw 来抛出一个错误对象。而当我们需要输出一条错误信息到控制台中，以便调试和查看时，应该使用 console.error()。

最后提醒一下，在生产环境中请不要滥用 console.error() 输出调试信息，应该将其删除或注释掉。这样可以减少代码体积和提高性能，同时也可以防止

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29064