新闻中心

Promise 构造函数中的异常为何不会阻止后续脚本执行?

2025-11-02
浏览次数:
返回列表

promise 构造函数中的异常为何不会阻止后续脚本执行?

Promise 构造函数内部的同步执行器(executor)中抛出的异常会被 Promise 机制捕获并处理,将 Promise 的状态设置为 rejected,但不会立即中断后续脚本的执行。这是因为 Promise 内部已经对异常进行了处理,避免了程序崩溃,允许后续代码继续运行。本文将深入探讨这一机制,并提供示例代码进行说明。

在学习 Promise 构造函数时,可能会遇到一个看似违反直觉的现象:在 new Promise() 内部的执行器函数中抛出异常,程序并没有立即停止,而是继续执行了后续的代码。

例如以下代码:

console.log('first');
const promise1 = new Promise((resolve, reject) => {
  console.log('inside executor');
  let what = 1
  console.log(what());
  console.log('not reached');
  resolve('Hi Guys!');
});
console.log('continues'); // 为什么会继续执行?

这段代码的输出结果是:

first
inside executor
continues
Uncaught (in promise) TypeError: what is not a function
  at index.js:5:15
  at new Promise (<anonymous>)

可以看到,尽管 what() 导致了 TypeError 异常,但 console.log('continues') 仍然被执行了。 这背后的原因在于 Promise 内部对异常的处理机制。

Promise 的异常处理机制

Promise 构造函数接收一个执行器函数(executor)作为参数。 这个执行器函数会立即同步执行。如果执行器函数内部抛出了异常,Promise 内部会捕获这个异常,并将 Promise 的状态设置为 rejected。 重要的是,这个捕获和状态变更是在 Promise 内部完成的,不会直接中断外部代码的执行。

根据 ECMAScript 规范,Promise 构造函数的具体步骤如下:

  1. 创建一个新的 Promise 对象。
  2. 调用执行器函数,并传入 resolve 和 reject 两个函数作为参数。
  3. 如果执行器函数执行过程中抛出了异常,则调用 reject 函数,并将异常作为参数传递给它。
  4. 返回新创建的 Promise 对象。

关键在于,即使执行器函数抛出了异常,Promise 构造函数仍然会正常返回 Promise 对象,而不会立即中断后续代码的执行。

模拟 Promise 内部实现

OneStory OneStory

OneStory 是一款创新的AI故事生成助手,用AI快速生成连续性、一致性的角色和故事。

OneStory 319 查看详情 OneStory

为了更好地理解 Promise 的异常处理机制,我们可以简单地模拟 Promise 构造函数的内部实现:

class MyPromise {
    #state
    #resolvedValue
    #customers

    constructor(executor) {
        this.#state = "pending";
        this.#customers = [];
        try {
             executor((value) => this.#resolve(value), 
                      (reason) => this.#reject(reason));
        } catch(err) {
             this.#reject(err); 
        }
    }

    #reject(reason) {
        if (this.#state !== "pending") return;
        this.#state = "rejected";
        this.#resolvedValue = reason;
        this.#broadcast();
    }
}

在这个模拟实现中,try...catch 块捕获了执行器函数中可能抛出的异常,并调用 #reject 方法将 Promise 的状态设置为 rejected。 即使发生了异常,constructor 函数仍然会正常返回。

如何处理 Promise 的 rejected 状态

虽然 Promise 内部捕获了异常,但我们仍然需要处理 Promise 的 rejected 状态。 通常使用 .catch() 方法或者 async/await 结构中的 try...catch 块来处理。

例如:

console.log('first');
const promise1 = new Promise((resolve, reject) => {
  console.log('inside executor');
  let what = 1
  console.log(what());
  console.log('not reached');
  resolve('Hi Guys!');
}).catch(error => {
  console.error("Promise rejected:", error);
});
console.log('continues');

或者使用 async/await:

async function myFunction() {
  console.log('first');
  try {
    const result = await new Promise((resolve, reject) => {
      console.log('inside executor');
      let what = 1
      console.log(what());
      console.log('not reached');
      resolve('Hi Guys!');
    });
    console.log("Promise resolved:", result);
  } catch (error) {
    console.error("Promise rejected:", error);
  }
  console.log('continues');
}

myFunction();

总结

Promise 构造函数内部的执行器函数中抛出的异常不会立即中断后续脚本的执行,这是因为 Promise 内部对异常进行了捕获和处理。为了处理 Promise 的 rejected 状态,我们需要使用 .catch() 方法或者 async/await 结构中的 try...catch 块。 这种机制使得 Promise 能够更好地处理异步操作中的异常,避免程序崩溃。

以上就是Promise 构造函数中的异常为何不会阻止后续脚本执行?的详细内容,更多请关注其它相关文章!


# 进行了  # 专业网站建设试题及答案  # 特色专业建设网站  # 淮南seo首页优化招聘  # 长春网站建设长春  # 岚县国产网站推广  # 学校网站建设不足的原因  # 漳平网站建设开发企业  # 网站平台管理优化  # 黄岩seo优化网站  # 增城舞蹈培训网站建设  # 按需  # js  # 服务端  # 如何用  # 如何使用  # 这是因为  # 并将  # 设置为  # 抛出  # 执行器  # 为什么  # ai 


相关栏目: 【 科技资讯46185 】 【 网络学院92790


相关推荐: Node.js中HTML按钮与J*aScript函数交互的正确姿势  高德地图怎么看全景照片_高德地图全景照片浏览教程  如何在CSS中使用visited与link控制链接颜色_visited link伪类配合  Django模型中自动计算可用余额的实现方法  解决 Vaadin 8 中大文件音频播放与定位时出现的 IOException  Win11输入法不见了怎么办_Windows11恢复语言栏显示方法  《明末:渊虚之羽》设计师谈设计角色:那会刚毕业 充满激情  在J*a项目里如何构建对象之间的契约_接口约束的实际落地  Angular中父组件异步更新子组件复选框状态的实践指南  Windows电脑怎么截图最方便_系统自带截图工具的5种神仙用法【技巧】  yy漫画网页版官方入口_yy漫画官网登录页面链接  汽水音乐在线版入口_汽水音乐网页播放手册  将JSON对象数组转置为键值对列表的实用指南  html怎么运行外部js文件中的函数_运html外js文件函数法【技巧】  妖精动漫免费平台 妖精动漫官网资源观看网址  Golang如何通过reflect操作map_Golang reflect map操作与遍历技巧  谷歌google账号注册详细步骤 谷歌账号注册官方教程  魅族20怎样在浏览器开无图省流_iPhone魅族20浏览器开无图省流【流量节省】  手机CPU怎么影响游戏体验_手机CPU对游戏性能的影响分析  深入理解J*a合成构造器:何时以及为何阻止其生成  必由学官网首页入口 必由学教师网页版登录指南  单12V-2&#215;6实现为RTX 5090供电750W!甚至都没敢跑分  AO3官方在线访问地址 Archive of Our Own最新镜像合集  j*a toString()的覆盖  vivo浏览器怎么扫描二维码 vivo浏览器内置扫一扫功能使用方法  怎么去除衣服上的口红印_生活小妙招教你用酒精轻松擦除  Golang如何实现微服务鉴权与权限控制_Golang微服务鉴权与权限管理实践  GemBox Document HTML转PDF垂直文本渲染问题及解决方案  抖音网页版平台入口 抖音网页版官网在线访问教程  照顾宝贝2小游戏免费秒玩入口  利用Bokeh CustomJS动态控制DataTable列可见性  PHP 枚举:根据字符串获取枚举案例的策略与实现  word中如何让数字纵向排列_Word数字纵向排列方法  网易大神账号申诉需要多久_网易大神账号申诉流程说明  Fabric Mod开发:在1.19.3+版本中正确添加自定义物品并管理物品组  MAC如何将整个网页截长图_MAC使用Safari的导出为PDF或第三方工具  Win11截图该按哪些键 Win11截屏完整流程解析【教程】  理解J*aScript Promise的微任务队列与执行顺序  Go RPC HTTP服务正确实现与常见陷阱解析  C++如何检测键盘输入_C++ _kbhit与_getch函数非阻塞输入  高德地图公交到站提醒失败如何解决 高德提醒权限设置  电脑屏幕颜色不舒服怎么办_Windows夜间模式与色彩校准教程【护眼技巧】  Python模块化编程:有效管理依赖与避免循环引用  J*a最大堆Heapify方法修复:索引计算与边界条件深度解析  Golang如何使用net/url解析URL_Golang URL解析与处理方法  Safari怎么安装扩展程序 浏览器插件安装与管理方法【详解】  中兴Axon42Ultra怎样在文件App筛图_iPhone中兴Axon42Ultra文件App筛图【图片筛选】  12306选座系统怎么选连座_12306选座多人连坐操作方法  在Pyomo中实现基于变量的条件约束:Big-M方法详解  React/Next.js中实现列表项的动态移动与状态管理:兼论唯一键的重要性 

搜索