首页 > web前端 > js教程 > JavaScript 中错误和异常的区别

JavaScript 中错误和异常的区别

Susan Sarandon
发布: 2024-11-23 11:51:17
原创
1047 人浏览过

The difference between Error and Exception in 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中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板