简单讲一下Promise的整个流程

最新推荐文章于 2025-06-06 18:04:50 发布

weixin_43647250

最新推荐文章于 2025-06-06 18:04:50 发布

阅读量190

点赞数 9

文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/weixin_43647250/article/details/143858247

版权

1. promise是同步执行的先进入 pending 状态，

promise的执行结果返回的还是一个promise类型

2.执行结果是异步返回的

成功进入 fulfill 状态执行异步回调 .then(）（状态凝固）

失败进入 reject 状态执行异步回调 .catch() （状态凝固）

3. .then或.catch返回的还是Promise类型，

所以可以链式调用promise.then().then().then().then().then()...

也可以捕获错误 promise.then().catch() (.catch()捕获错误有冒泡性质)

举例： const p1=new Promise()

p1(.then()/p2).catch() 在这里其实是p2的.catch()捕获了p1的错误回调

4.状态凝固：无论是 pending --> fulfill,还是pending-->reject 都会状态凝固（状态只会改变一次）

参考：你是怎么理解ES6中 Promise的？使用场景？ | 前端之家

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_43647250

关注关注

9
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

netty服务端启动流程

悟已往之不谏，知来者之可追

12-21

460

说明：本文参考的 Netty 源码版本为 4.1.42.Final。启动服务的过程中我们可以了解到 Netty 各大核心组件的关系，这将是学习 Netty 源码一个非常好的切入点，让我们一起看看 Netty 的每个零件是如何运转起来的吧。文章目录从 Echo 服务器示例入手服务端启动全过程服务端 Channel 初始化及注册创建服务端 Channel初始化服务端 Channel注册服务端 Channel端口绑定netty服务端如何处理客户端新建连接总结从 Echo 服务器示例入手在这里我们实现了.

javaScript中Promise详解

春华秋实

08-25

1651

ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数？

参与评论您还未登录，请先登录后发表或查看评论

Promise详解-1：初识Promise

sharkchen的专栏

12-10

1073

不懂Promise？看这篇教程就够了

JavaScript之异步 - Promise (一)

小蚂蚁的世界

06-05

2130

JavaScript之异步 - Promise (一) 1. 背景从前面的文章中得到回调表达程序异步和管理并发的两个主要缺陷：缺乏顺序性和可信任性。回忆一下，我们用回调函数来封装程序中的 continuation，然后把回调交给第三方（甚至可能是外部代码），接着期待其能够调用回调，实现正确的功能。从之前的文章中也可以看到存在着信任问题。但是，如果我们能够把控制反转再反转回

Promise

纳兹咩SAMA的博客

03-22

479

Promise 1. Promise 的含义 Promise是异步编程的一种解决方案，为了解决“回调地狱”问题，提出Promise对象，并且后来加入了ES6标准。Promise对象简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 Promise对象有以下两个特点。（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejec

异步流程之Promise解析

weixin_33882452的博客

11-13

291

好久没有更新文章了，最近刚好遇到考试，而且一直在做数据库课设。本来这篇文章是上个星期想要分享给工作室的师弟师妹们的，结果因为考试就落下了。其实我并不是很想写Promise，毕竟现在更好的方式是结合await/async和Promise编写异步代码。但是，其实觉得Promise这个东西对于入门ES6，改善“回调地狱”有很大的帮助，那也算...

vuex整个流程

wyh_115的博客

04-07

577

vuex是存储状态的管理工具，在较大的项目里会用到，如果是小项目反而不建议使用，因为用的过程会比较繁琐。这里简单讲讲state,mutations,getters,actions在vuex使用中的流程首先大家都知道vuex是在store文件下面index.js文件写的。但是如果项目很大，有很多不同的模块都要用vuex写，全写在index.js不免显得杂乱。所以应该在store文件下新建自己的模块，然后在index.js里面引入，具体操作如下：如图在自己的文件里写好并暴露然后在index.js文件里.

es6---Promise

muzidigbig的博客

10-20

6973

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理且更强大回调函数回调地狱 Promise.then()参数 Promise.all() Promise.allSettled() Promise.race() Promise.any() Promise.withPesolvers() Promise链中断方法 async/await Promise 高级用途的技巧 setTimeout、Promise、Async/Await 的区别

细嗅Promise

西涛offbye-移动全栈技术博客

10-30

1426

原文http://www.cnblogs.com/hustskyking/p/promise.html Ajax 出现的时候，刮来了一阵异步之风，现在 Nodejs 火爆，又一阵异步狂风刮了过来。需求是越来越苛刻，用户对性能的要求也是越来越高，随之而来的是页面异步操作指数般增长，如果不能恰当的控制代码逻辑，我们就会陷入无穷的回调地狱中。 ECMAScript 6 已经将异步操作纳入了规

一道很难的promise题目

codingWeb的博客

03-07

901

上篇文章讲了promise的实现，这篇则结合题目让你对promise有个更深入的认识：为了能让大家有个更直观的认识，会使用到https://www.jsv9000.app/这个工具，它能可视化出异步任务执行的整个过程题目1：简单，相信都能答出 Promise.resolve().then(() => { console.log(0) return 'aaa' }).then(res => { console.log(res)

异步Promise及Async/Await详解

qq_15859173的博客

12-21

980

一、为什么有Async/Await？我们都知道已经有了Promise的解决方案了，为什么还要ES7提出新的Async/Await标准呢？答案其实也显而易见：Promise虽然跳出了异步嵌套的怪圈，用链式表达更加清晰，但是我们也发现如果有大量的异步请求的时候，流程复杂的情况下，会发现充满了屏幕的then，看起来非常吃力，而ES7的Async/Await的出现就是为了解决这种复杂的情况。首先，我们必须了解Promise。二、Promise简介 2.1 Promise实例什么是Promise，很多人应该

你不知道的JavaScript----promise

每天都要努力学习哦~~

11-19

586

通过如下场景来阐述：我到快餐店的柜台，点了一个芝士汉堡。通过下订单并付款，我已经发出了一个对某个值（芝士汉堡）的请求。我已经启动了一次交易。但是，通常我不能马上就得到这个汉堡。收银员会交给我某个东西来代替汉堡：一张带有订单号的收据。收据就是一个IOU（I owe you，我欠你的）承诺（promise），保证了最终我会得到我的汉堡。所以我得好好保留我的收据，我知道这代表了我未来的汉堡，所以不需要担心，只是现在我还是很饿！

前端表单验证进阶：如何使用 jQuery.validator.addMethod() 编写自定义验证器(全是干货，建议收藏)

m0_56259289的博客

06-04

397

本文介绍如何使用 jQuery.validator.addMethod() 创建自定义表单验证方法。通过一个“禁止时间为 00:00”的案例，详细讲解验证函数的编写、错误信息处理、封装技巧及最佳实践。适用于需要扩展 jQuery Validation 插件的场景，帮助开发者实现更灵活的表单验证逻辑，提升前端开发效率与代码复用性。

阿里云服务器安装nginx并配置前端资源路径（前后端部署到一台服务器并成功访问）

2301_79201170的博客

06-05

959

运行以下命令，。运行wget命令。您可以通过Nginx开源社区直接获取对应版本的安装包URL，然后通过wget URL的方式将Nginx安装包下载至ECS实例。例如，Nginx 1.21.6的下载命令如下：运行以下命令，，然后。make./nginx没有报错信息则代表nginx启动成功！启动防火墙服务放行80端口重加载防火墙使修改生效查看状态重启停止kill -9 端口号。

45、web实验-抽取公共页面

weixin_54449574的博客

06-06

523

在其他需要使用公共片段的页面中，通过`th:insert`、`th:replace`或`th:include`属性引入公共片段。- **`th:include`**：将公共片段的内容插入到指定标签内部，但不保留公共片段的根标签。- **`th:insert`**：将公共片段的内容插入到指定标签内部，保留原标签。- **`th:replace`**：用公共片段的内容替换指定标签及其内容。-- 引入公共的侧边栏代码 -->-- 引入公共的头部代码 -->-- 引入公共的底部代码 -->

2025年阿里最新软件测试面试题：Web 测试+接口测试+App 测试

2401_83387413的博客

06-05

794

上面就是我为大家整理出来的一份软件测试工程师发展方向知识架构体系图。希望大家能照着这个体系在1-2年内完成这样一个体系的构建。可以说，这个过程会让你痛不欲生，但只要你熬过去了。以后的生活就轻松很多。正所谓万事开头难，只要迈出了第一步，你就已经成功了一半，古人说的好“不积跬步，无以至千里。”等到完成之后再回顾这一段路程的时候，你肯定会感慨良多。

前端node项目——gif实时生成倒计时（30s内）

编程知识分享，主打前端

06-06

109

node实现api返回gif实时倒计时

matlab模型死机