外部脚本抛出的Exception未在浏览器控制台显示的原因及疑问

当你通过$.getScript的.then()回调执行代码时，这个回调运行在Promise上下文中。根据Promise规范，回调函数内抛出的异常会被Promise自动捕获，不会直接冒泡到全局作用域，自然也不会被浏览器的全局错误处理器捕获并显示在控制台。而你在同脚本内直接调用时，异常是在全局上下文抛出，会被浏览器直接捕获展示。

推荐两种规范的处理方式：

• 在Promise链中添加.catch()捕获异常
  这是Promise的标准错误处理方式，专门用于处理链中的错误：

  $.getScript('http://127.0.0.1:5500/SomeClass.js')
  .then(function() {
      var myInstance = new SomeClass();
      myInstance.error();
  })
  .catch(function(err) {
      console.error(err); // 手动将异常输出到控制台
  });
  

• 全局监听未捕获的Promise拒绝
  可以给浏览器添加全局监听，捕获所有未被处理的Promise异常：

  window.addEventListener('unhandledrejection', function(event) {
      console.error('未处理的Promise拒绝:', event.reason);
      event.preventDefault(); // 可阻止浏览器默认的提示行为
  });
  

你用throw console.error(new Error('Error!'))的方式，本质是先调用console.error输出错误，再抛出console.error的返回值（undefined）。这种写法虽然能看到错误，但存在明显问题：

• 抛出的不是真正的Error对象，而是undefined，后续如果有错误捕获逻辑，无法获取完整的错误栈信息。
• 写法不符合错误处理的规范，降低了代码的可读性和可维护性。

因此不推荐这种方式，建议采用前面提到的标准Promise错误处理方案。

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