在前端开发中，我们常常需要异步地执行一些任务并处理它们的结果。Promise 是一种流行的处理异步操作的方式，但是在处理 Promise 的过程中，我们有时会遇到一种错误：UnhandledPromiseRejectionWarning。
UnhandledPromiseRejectionWarning 是什么？
当 Promise 链的末尾没有 catch 方法处理 Promise 的错误时，就会导致 UnhandledPromiseRejectionWarning 错误。例如：
Promise.resolve().then(() => {
throw new Error('something bad happened')
})如果不在 Promise 后面添加 catch 方法，如下所示：
Promise.resolve().then(() => {
throw new Error('something bad happened')
}).catch(err => {
console.error(err)
})则会出现以下错误：
(node:12345) UnhandledPromiseRejectionWarning: Error: something bad happened (node:12345) Promise Rejection Warning: Unhandled promise rejection.
这个错误的出现表示我们的代码可能存在潜在的问题，因为我们没有正确地处理 Promise 的错误。
解决 UnhandledPromiseRejectionWarning 错误
为了解决 UnhandledPromiseRejectionWarning 错误，我们需要正确地处理 Promise 的错误。以下是一些处理 UnhandledPromiseRejectionWarning 错误的方法：
1. 添加 catch 方法
在 Promise 链的末尾添加 catch 方法，以处理可能出现的错误。
Promise.resolve().then(() => {
throw new Error('something bad happened')
}).catch(err => {
console.error(err)
})如果不需要对错误进行处理，可以将 catch 方法省略掉，但最好不要这样做。
2. 添加 unhandledRejection 事件监听器
我们可以添加一个 unhandledRejection 事件监听器，以在 Promise 未被处理时捕获错误。例如：
process.on('unhandledRejection', err => {
console.error(err)
})注意：这种方法并不是最佳实践，因为它会捕获所有未处理的 Promise 错误，而不仅仅是出现了 UnhandledPromiseRejectionWarning 错误的那个 Promise。
3. 使用 async/await
如果我们在使用 Promise 的时候，使用了 async/await，那么可以使用 try/catch 块来捕获可能出现的错误。例如：
-- -------------------- ---- -------
----- -------- ----- -
--- -
----- ------------------ ---------------- --- -----------
- ----- ----- -
------------------
-
-
-----总结
使用 Promise 时，正确地处理错误是非常重要的。否则，我们的代码可能会崩溃或出现不可预料的问题。为了避免 UnhandledPromiseRejectionWarning 错误的出现，我们需要在 Promise 链的末尾添加 catch 方法来处理潜在的错误，或者使用 async/await 结构并在 try/catch 语句块中处理错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a6400d48841e98942da0a0