简介
browser-unhandled-rejection 是一款用于捕获浏览器未处理的 Promise rejection 的 npm 包。在前端开发中，我们常常使用 Promise 进行异步操作，而对于 Promise rejection 的处理非常重要。如果 Promise rejection 没有被处理，代码将会抛出错误，影响程序的正常运行。使用 browser-unhandled-rejection 可以捕获这些错误并进行处理，帮助我们优化前端代码程序。
安装
通过 npm 安装该包。使用以下命令进行安装：
npm install --save browser-unhandled-rejection
创建一个 index.html 的示例文件，引入 browser-unhandled-rejection 包文件：
<script src="node_modules/browser-unhandled-rejection/browser-unhandled-rejection.js"></script>
使用
在 JavaScript 中，使用以下代码进行相关的操作：
-- -------------------- ---- -------
----- ------------------ - ---------------------------------------
-- ----
-------------------------------------- -- -
----------------------- ------- ------ ------------------
---
-- ----
----------------------------------------- -- -
----------------------- ------- ------ ------------------
---在上例中，我们首先引入了 browser-unhandled-rejection 包文件，并创建了一个 unhandledRejection 对象。然后，我们通过 addListener 方法进行监听，当出现未处理的 Promise rejection 时，将会发出错误提示。最后，我们可以通过 removeListener 方法来移除监听。
更多使用方式
来自全局作用域的错误
使用下面的代码来捕获来自全局作用域中未处理的错误：
window.addEventListener('unhandledrejection', function(event) {
console.error(`Error detecting on Window: ${event.reason}`);
});更新本地变量
使用以下的代码去在搜索平台添加处理程序到现有 unhandledRejection 对象上：
const addEventHandler = (handler) => {
const _unhandledRejection = unhandledRejection;
_unhandledRejection.addListener(handler);
return () => {
_unhandledRejection.removeListener(handler);
};
};总结
通过使用 browser-unhandled-rejection 包，我们可以捕获抛出的未处理的 Promise rejection。本文介绍了这个包的基本用法，包括了一些更加高级的使用方式。在开发前端项目时，使用这个包可以帮助我们优化代码，提高效率，使程序更加鲁棒性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3d1a1fdbf7be33b25670fd