JavaScript 中错误和异常的区别

https://github.com/Ray-D-Song

错误和异常是从实践中诞生的概念，旨在处理“可编程错误”。

错误

从代码角度来看，错误往往会被手动精确处理。

例如，fnA 调用 fnB 和 fnC。两种方法都可能遇到错误，处理代码大致如下：

function fnA() {
  const { err: bErr, res: bRes } = fnB()
  if (bErr) {
    // ...
    // error handling
  }

  const { err: cErr, res: cRes } = fnC()
  if (cErr) {
    // ...
    // error handling
  }
  // normal logic
}

“错误”的关键是从函数返回一个对象或数组，其中一个字段代表“发生错误”。只要该字段不为空，程序员就知道正常流程已被中断。

JavaScript 有一个内部 Error 对象和构造函数，但表示错误的字段不需要是 Error 对象。相反，Error 对象更常用于异常处理。

例外

我们已经有了错误处理，为什么还需要异常？

想象一个场景，你有一个按钮。当按钮被点击时，会触发函数A，经过多层调用（可能是10层），函数X出现错误。你不想告诉用户“未知错误”，而是想提供有关问题所在的具体信息。

你可以通过错误实现这个效果，但是你需要写十次这样的代码：

function fnA() {
  const { err, res } = fnB()
  if (err) {
    // display error to user
    showErr(err)
  }
}

function fnB() {
  const { err, res } = fnC()
  if (err)
    // propagate error
    return { err, null }
}

// ... 10 similar passes

function fnY() {
  const { err, res } = fnX()
  if (err)
    // propagate error
    return { err, null }
}

这种样板代码效率很低。更好的方法是使用异常。

只需要在fnY发生错误时抛出异常即可。在顶层，你可以抓住它。

function fnA() {
  try {
    fnB()
  } catch (e) {
    showErr(e)
  }
}

// ...

function fnY() {
  const { err, res } = fnX()
  if (err)
    // 抛出
    throw err
}

这样，无论哪里发生错误，都可以在顶层捕获，并且其他层的代码不受影响。

避免一处错误污染整个代码结构。

为什么要区分两者呢？

我们已经解释了为什么需要异常，但是为什么需要区分错误和异常呢？

最好的做法是严格区分两者。如果错误不需要逐层向上传递，则应该直接在当前层进行处理。例如fnC的错误不需要在fnA中使用，所以应该直接在B中作为错误处理。

假设所有错误都在顶层处理，那么所有逻辑都堆积在顶层的catch块中，很难维护。

function main() {
  try {
    task1()
    task2()
    task3()
  } catch(e) {
    switch(e) {
      case "type A":
        //...
        break;
      case "type B":
        //...
        break;
      case "type C":
        //...
        break;
    }
  }
}

以上是JavaScript 中错误和异常的区别的详细内容。更多信息请关注PHP中文网其他相关文章！