Window: unhandledrejection event
The unhandledrejection event is sent to the global scope of a script when a JavaScript Promise that has no rejection handler is rejected; typically, this is the window, but may also be a Worker.
This is useful for debugging and for providing fallback error handling for unexpected situations.
| Bubbles | No |
|---|---|
| Cancelable | Yes |
| Interface | PromiseRejectionEvent |
| Event handler property | onunhandledrejection |
Usage notes
Allowing the unhandledrejection event to bubble will eventually result in an error message being output to the console. You can prevent this by calling preventDefault() on the PromiseRejectionEvent; see Preventing default handling below for an example.
Examples
Here we have a few examples showing ways you can make use of the unhandledrejection event. The event includes two useful pieces of information:
promise-
The actual
Promisewhich was rejected with no handler available to deal with the rejection. reason-
The reason that would have been passed into the rejection handler if one had existed. See
catch()for details.
Basic error logging
This example logs information about the unhandled promise rejection to the console.
window.addEventListener("unhandledrejection", event => { console.warn(`UNHANDLED PROMISE REJECTION: ${event.reason}`); });
You can also use the onunhandledrejection event handler property to set up the event listener:
window.onunhandledrejection = event => { console.warn(`UNHANDLED PROMISE REJECTION: ${event.reason}`); };
Preventing default handling
Many environments (such as Node.js) report unhandled promise rejections to the console by default. You can prevent that from happening by adding a handler for unhandledrejection events that—in addition to any other tasks you wish to perform—calls preventDefault() to cancel the event, preventing it from bubbling up to be handled by the runtime's logging code. This works because unhandledrejection is cancelable.
window.addEventListener('unhandledrejection', function (event) { // ...your code here to handle the unhandled rejection... // Prevent the default handling (such as outputting the // error to the console) event.preventDefault(); });
Specifications
| Specification |
|---|
| HTML Standard (HTML) # event-unhandledrejection |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
unhandledrejection_event |
49 |
79 |
69
68
|
No |
36 |
11 |
49 |
49 |
68 |
36 |
11.3 |
5.0 |
See also
- Promise rejection events in Using Promises
-
onunhandledrejectionevent handler property -
rejectionhandledevent Promise
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Window/unhandledrejection_event