引言
随着前端开发呈现多样化和复杂化，我们往往面临许多的技术挑战。其中一个具有挑战性的方面之一就是处理代码中的错误。在一些情况下，代码中的错误可能会被忽略，导致应用程序崩溃。为了避免这种情况，我们需要捕捉并处理代码中的错误。Hackers 使用 Node.js 的全局事件监听器，Event Emitter API 和 Node.js 预定义模块来捕获错误，但是在浏览器中，未捕获错误的行为表现不一致。这时，使用 unhandled-rejection-polyfill 这个 npm 包就能够处理这个问题。
unhandled-rejection-polyfill 概述
unhandled-rejection-polyfill 是一个带有事件监听器的 JavaScript 模块，它可以在 window.rejectPromise() 函数和 Promise 构造函数中捕获未捕获的错误。此模块在浏览器端和 Node.js 中均可使用，它可以使我们更容易地处理未被捕获的错误并在浏览器中更好地调试它们。
优点
unhandled-rejection-polyfill能够捕获在window.rejectPromise()和Promise实例中未处理的拒绝或者错误，防止应用程序由于未处理的错误而终止。- 可以在控制台中进行手动调试。
- 它是轻量的，便于集成到您现有的代码库中。
- 可以从 npm（node package manager）安装和使用。
安装
你可以通过 npm 安装 unhandled-rejection-polyfill，方法如下：
npm install --save unhandled-rejection-polyfill
当然，你也可以文件下载到本地后，直接引入。
使用教程
- 首先，必须将
unhandled-rejection-polyfill导入你的项目中：
import 'unhandled-rejection-polyfill';
或者你也可以通过这种方式进行引入：
require('unhandled-rejection-polyfill');- 接着，在你的 Promise 方法内部，添加 reject 处理程序即可：
-- -------------------- ---- -------
------------------------------------
-------------- ---------- -
-- --- ---------- -- --------------- --- ---- -
----- --- --------------
-
------ ----------------
--
-------------- ------ -
------------------
--
--------------- ------- -
---------------------
---因此，你现在可以在控制台中看到代码运行的错误输出。
示例代码
最后，下面的代码演示如何使用 unhandled-rejection-polyfill：
-- -------------------- ---- ------- ------ ------------------------------- -- - ------- --- ------ ---- --- ----------------- ------- -- - ------------- -------- ------------- --- -- ------ ----- --- ------------ -------- -------------
以上就是使用 unhandled-rejection-polyfill 的一些详细的介绍和使用教程。当规划自己的前端项目时，处理 Promise 中的 reject 处理程序是非常重要的，否则即使代码得到执行，还是会因未处理 Error 而出现 Bug。因此，我们要善于使用这个 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fc581e8991b448dd31f