javascript - 处理未处理的 promise 拒绝: Difference between onunhandledrejection and unhandledrejection

Question

在 MDN 中，当未处理 Promise 拒绝时会触发两个事件。

它们都有相同的兼容性，所以我想知道 onunhandledrejection 之间有什么区别？和 unhandledrejection ？

Answer 1

JavaScript 中几乎每个窗口事件监听器都是如此。请参阅下面的按键事件示例:

window.addEventListener("keypress", () => console.log("Key pressed!"));
window.onkeypress = () => console.log("Key pressed!");

将 EventListener 附加到窗口元素的两种方法之间的主要区别是:

• 使用“addEventListener()”方法，您可以将多个事件监听器函数订阅到单个事件。
• 使用“window.onunhandledrejection”属性，您只能向该属性分配一个函数，该函数将在同一事件上触发。因此，如果您稍后将另一个函数分配给该属性，它将覆盖您的初始分配。

示例:

window.addEventListener("keypress", () => console.log("Key pressed! Listener 1"));
window.addEventListener("keypress", () => console.log("Key pressed! Listener 2"));
window.onkeypress = () => console.log("Key pressed! Listener 3");
window.onkeypress = () => console.log("Key pressed! Listener 4");

// If the user presses any key, the Events will be triggered in the order of assignment.
// The console output would be:

// Key pressed! Listener 1
// Key pressed! Listener 2
// Key pressed! Listener 4

还可以看看这个非常详细的answer ，这解释了两种方法的优缺点!