0

0

承诺解决了

花韻仙語

花韻仙語

发布时间:2025-02-15 21:52:14

|

608人浏览过

|

来源于php中文网

原创

承诺解决了

在将Promise集成到工作流程时,并非所有函数都需要是Promise,关键在于保持Promise链的完整性。

谨记:勿断链

正如Fleetwood Mac所唱,“永远不要打破链条”。 在异步工作流程中,避免从外部访问异步操作的结果是至关重要的。无论是Promise、async/await还是事件监听器,都应始终保持在Promise链内。

函数会被添加到microtask队列中,确保在所有同步代码执行完毕后再执行。即使Promise本身是Promise.resolve()Promise.all([])也是如此。

以下示例展示了错误的做法:

let data = 'one';

// then()中的函数会被排队
Promise.resolve().then(() => {
  data += ' two';
});

// 这行代码在数据更新之前执行
console.log(data); // 'one'

正确的做法是保持Promise链的完整性:

let data = 'one';

Promise.resolve().then(() => {
  data += ' two';
}).then(() => {
  console.log(data); // 'one two'
});

事实上,将数据存储在Promise链之外通常是不必要的。更优雅的写法:

Promise.resolve('one')
  .then(data => `${data} two`)
  .then(console.log);

值直接在Promise链中传递和更新。 所有操作都在Promise链内完成,即使并非所有函数都是异步的。它们对Promise一无所知,但依然受益于Promise链提供的顺序保证。

Promise链的优势:

Promise链简化了异步操作的管理。无论函数是否返回Promise,只要在链内,执行顺序就得到保证。 我们只需要在链的起始处确保一个Promise即可,例如使用Promise.resolve()

Promise.resolve()的包装作用:

百度AI开放平台
百度AI开放平台

百度提供的综合性AI技术服务平台,汇集了多种AI能力和解决方案

下载

Promise.resolve()可以巧妙地处理已存在的Promise。无论接收到的值是已解决的Promise、未决的Promise还是被拒绝的Promise,Promise.resolve()都会将其解包并传递其结果。

const resolvedPromise = new Promise((resolve) => resolve('yes'));
const foreverPending = new Promise(() => {});
const rejectedPromise = Promise.reject(new Error('no!'));

Promise.resolve(resolvedPromise)
  .then(console.log); // 'yes'

Promise.resolve(foreverPending)
  .then(() => console.log('resolved'))
  .catch(() => console.log('rejected'));

Promise.resolve(rejectedPromise)
  .catch(console.error); // Error: no!

这种解包是严格相等的,确保得到的是原始Promise,而非副本。

对于多个Promise的情况,Promise.all()可以同时处理Promise和值。

Promise.all([10, Promise.resolve(4)])
  .then(console.log); // [10, 4]

Promise.resolve()的力量:

Promise.resolve()确保了Promise链的起始,并解包已存在的Promise。 这使得我们能够专注于操作的顺序,而无需关心每个函数是否返回Promise。

以下示例展示了如何使用Promise.resolve()来处理异步操作,即使其中一些函数不是异步的:

const getUserData = () => ({ username: 'mySuperUniqueName', password: '123456' });
const getWeakPasswords = () => ['password', '123456'];
const isUserPasswordWeak = ([user, weakPasswords]) => weakPasswords.includes(user.password);
const reportPasswordStrength = (isWeak) => console.log(isWeak ? 'You should change your password.' : 'This seems fine for now.');

Promise.all([getUserData(), getWeakPasswords()])
  .then(isUserPasswordWeak)
  .then(reportPasswordStrength); // 'You should change your password.'

即使getUserDatagetWeakPasswords函数不是异步的,使用Promise.allPromise.resolve依然可以保证操作的顺序和可读性。 将这些函数改为异步操作也不会影响其余代码。

总结:

将Promise视为程序控制流的管理工具,而非仅仅用于处理异步请求。 将操作分解成独立的函数,构建程序流,然后根据需要逐步将其转换为异步版本。 这有助于提高代码的可读性和可维护性。

相关专题

更多
promise的用法
promise的用法

“promise” 是一种用于处理异步操作的编程概念,它可以用来表示一个异步操作的最终结果。Promise 对象有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。Promise的用法主要包括构造函数、实例方法(then、catch、finally)和状态转换。

301

2023.10.12

html文本框类型介绍
html文本框类型介绍

html文本框类型有单行文本框、密码文本框、数字文本框、日期文本框、时间文本框、文件上传文本框、多行文本框等等。详细介绍:1、单行文本框是最常见的文本框类型,用于接受单行文本输入,用户可以在文本框中输入任意文本,例如用户名、密码、电子邮件地址等;2、密码文本框用于接受密码输入,用户在输入密码时,文本框中的内容会被隐藏,以保护用户的隐私;3、数字文本框等等。

401

2023.10.12

Java编译相关教程合集
Java编译相关教程合集

本专题整合了Java编译相关教程,阅读专题下面的文章了解更多详细内容。

9

2026.01.21

C++多线程相关合集
C++多线程相关合集

本专题整合了C++多线程相关教程,阅读专题下面的的文章了解更多详细内容。

3

2026.01.21

无人机驾驶证报考 uom民用无人机综合管理平台官网
无人机驾驶证报考 uom民用无人机综合管理平台官网

无人机驾驶证(CAAC执照)报考需年满16周岁,初中以上学历,身体健康(矫正视力1.0以上,无严重疾病),且无犯罪记录。个人需通过民航局授权的训练机构报名,经理论(法规、原理)、模拟飞行、实操(GPS/姿态模式)及地面站训练后考试合格,通常15-25天拿证。

14

2026.01.21

Python多线程合集
Python多线程合集

本专题整合了Python多线程相关教程,阅读专题下面的文章了解更多详细内容。

1

2026.01.21

java多线程相关教程合集
java多线程相关教程合集

本专题整合了java多线程相关教程,阅读专题下面的文章了解更多详细内容。

3

2026.01.21

windows激活码分享 windows一键激活教程指南
windows激活码分享 windows一键激活教程指南

Windows 10/11一键激活可以通过PowerShell脚本或KMS工具实现永久或长期激活。最推荐的简便方法是打开PowerShell(管理员),运行 irm https://get.activated.win | iex 脚本,按提示选择数字激活(选项1)。其他方法包括使用HEU KMS Activator工具进行智能激活。

2

2026.01.21

excel表格操作技巧大全 表格制作excel教程
excel表格操作技巧大全 表格制作excel教程

Excel表格操作的核心技巧在于 熟练使用快捷键、数据处理函数及视图工具,如Ctrl+C/V(复制粘贴)、Alt+=(自动求和)、条件格式、数据验证及数据透视表。掌握这些可大幅提升数据分析与办公效率,实现快速录入、查找、筛选和汇总。

6

2026.01.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.9万人学习

Pandas 教程
Pandas 教程

共15课时 | 0.9万人学习

ASP 教程
ASP 教程

共34课时 | 3.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号