js中的错误处理机制

参考

Error实例对象

js原生提供 Error 构造函数,所有跑出的错误都是这个构造函数的实例

原生错误类型

  • SyntaxError:是解析代码时发生的语法错误。
  • ReferenceError:引用一个不存在的变量时发生的错误,或者将一个值分配给无法分配的对象
  • RangeError:是一个值超出有效范围时发生的错误。主要有几种情况,一是数组长度为负数,二是Number对象的方法参数超出范围,以及函数堆栈超过最大值。
  • TypeError:是变量或参数不是预期类型时发生的错误
  • URIError:是 URI 相关函数的参数不正确时抛出的错误,主要涉及encodeURI()、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()和unescape()这六个函数。
  • EvalError:eval函数没有被正确执行时,会抛出EvalError错误。该错误类型已经不再使用了,只是为了保证与以前代码兼容,才继续保留。

自定义错误

function UserError(message) {
  this.message = message || '默认信息';
  this.name = 'UserError';
}

UserError.prototype = new Error();
UserError.prototype.constructor = UserError;

throw语句

throw语句的作用是手动中断程序执行,抛出一个错误。
可以抛出任何类型的值。

try…catch

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise 提供了一种统一的错误处理机制,可以使用 `.catch()` 方法来捕获和处理 Promise 的错误。下面是一个简单的例子: ```javascript function fetchData() { return new Promise((resolve, reject) => { // 模拟异步操作 setTimeout(() => { const randomNumber = Math.random(); if (randomNumber < 0.5) { resolve('Data fetched successfully'); } else { reject(new Error('Error occurred while fetching data')); } }, 2000); }); } fetchData() .then((data) => { console.log(data); }) .catch((error) => { console.error(error); }); ``` 在上面的例子,`fetchData` 函数返回一个 Promise 对象,并模拟了一个异步操作。如果随机生成的数字小于 0.5,则 Promise 的状态变为 resolved,并调用 `resolve` 方法,将数据成功返回。否则,Promise 的状态变为 rejected,并调用 `reject` 方法,传递一个错误对象。 在使用 Promise 的时候,可以使用 `.then()` 方法来处理 Promise 成功时的结果,使用 `.catch()` 方法来处理 Promise 失败时的错误。在上述例子,`.then()` 方法用于处理成功的情况,打印出成功获取到的数据;`.catch()` 方法用于处理失败的情况,打印出错误信息。 这种错误处理机制使得代码更加清晰和集化。如果发生了错误,它会被传递给最近的 `.catch()` 方法,从而避免了在每个回调函数进行错误处理的繁琐和冗余。此外,还可以使用 `.finally()` 方法来执行无论 Promise 成功或失败都需要执行的代码块。 需要注意的是,如果在 Promise 链没有显式的 `.catch()` 方法来处理错误,那么错误将被传递到全局的未捕获异常处理器(如 `window.onerror` 或 `unhandledrejection` 事件),从而可能导致应用程序崩溃。因此,建议始终使用 `.catch()` 方法来处理 Promise 的错误,以保证代码的稳定性和可靠性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值