为何file://协议下unhandledrejection事件无法触发？

测试示例 #

示例1：调用then但未传入onReject处理函数 #

var prom1 = new Promise(function(resolve, reject) {
  setTimeout(function() {
    console.log("Promise executed");
    reject("Rejected");
  }, 2000);
});

console.log("Before Promise");
var test = prom1.then(function(data) {
    console.log(data, 1);  
    return data;
  }); //跳过onReject处理函数

window.addEventListener("unhandledrejection", function() {
  console.log("unhandledrejection");  
});

该示例中，then未传入拒绝处理函数，常规服务器环境下unhandledrejection事件正常触发，符合预期。

示例2：完全省略then方法 #

var prom2 = new Promise(function(resolve, reject) {
  setTimeout(function() {
    console.log("Promise executed");
    reject("Rejected");
  }, 2000);
});

console.log("Before Promise2");

//因省略整个then方法，故未设置onReject处理函数

window.addEventListener("unhandledrejection", function() {
  console.log("unhandledrejection");  
});

该示例与示例1在常规服务器环境下输出一致，但当代码保存为HTML文件（结构如下），通过file:///C:/Users/test/index.html这类无服务器方式打开时，unhandledrejection事件完全不触发。

测试环境与HTML结构 #

• 测试环境：Windows10系统，Chrome 107.0.5304.88、Firefox 106.0.5、Edge 107.0.1418.35、最新版Opera
• 完整HTML文件：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>  
        <script src="js/script.js"></script>
    </body>
</html>

补充：file://协议下本地JavaScript脚本会被视为跨域。

原因解析 #

这是浏览器针对file://协议的安全与性能限制共同导致的：

1. 垃圾回收优先级差异：在file://环境下，浏览器会更激进地回收无引用的对象。示例2中未调用then/catch，Promise没有任何外部引用（仅内部定时器回调持有），浏览器可能在Promise触发拒绝前就将其回收，导致unhandledrejection事件失去触发载体。
2. 跨域安全策略抑制：file://属于特殊跨域上下文，浏览器会限制非必要的调试类事件触发，unhandledrejection这类错误提示事件被归为非必要范畴，因此被主动抑制。
3. 引用持有差异：示例1中调用then后返回的新Promise被变量test持有，浏览器不会轻易回收原Promise，因此拒绝事件能正常触发；而示例2无任何变量持有Promise，回收机制直接生效。

直白来说：file://环境下，没被变量持有的Promise会被浏览器快速垃圾回收，连拒绝事件都没来得及触发就消失了，自然不会触发unhandledrejection。

内容的提问来源于stack exchange，提问作者user31782