Promise的基本使用及对应的知识点

最新推荐文章于 2022-12-12 19:22:37 发布
最新推荐文章于 2022-12-12 19:22:37 发布
阅读量308 收藏
点赞数 1
文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nic_k/article/details/123226474
版权

Promise 是ES6新增的一个语法，它是一个类，所以需要使用 new Promise的方式来创建

Promise里一般有三个回调函数，一个是包含了resolve 和 reject 的箭头函数，这个称为executor,在new Promise之后这个会自动执行，第二个是resolve函数，第三个是reject函数

三个函数对应着Promise的三种状态，在executor函数里，没执行resolve和reject时的状态称为 待定状态(pending)

在执行了resolve函数之后，Promise的状态就是 已兑现(fulfilled)

在执行了reject函数之后，Promise的状态就是 已拒绝(rejected)

在Promise里，只能执行reject 或 resolve函数，两个不能同时执行

Promise的then方法里也传入两个回调函数，当executor里的resolve被执行的时候会自动执行第一个回调函数

当executor里的reject被执行的时候会自动执行then里的第二个回调函数

在执行了resolve方法之后，会自动执行then里的第一个回调函数，resolve方法里可以传入参数，该参数可以被then方法里的函数接收

在执行了reject方法之后，会自动执行then里的第而个回调函数，reject方法里可以传入参数，该参数可以被then方法里的函数接收

resolve里也可以传入 Promise,当传入了Promise之后，Promise的状态是由传入的Promise决定，所以当传入的Promise没有使用resolve方法时，状态不是 fulfilled,而是pending

代码如下

 最终打印的结果为

 

nic_k
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
promise回调函数
m0_58770795的博客
04-09 738
开始学习promise回调函数之前先要了解几个概念：es6中promise概念的引入是为了解决回调地狱的问题。回调地狱：多层回调函数的多层嵌套，就形成回调地狱。其缺点是：难以维护，代码的可读性变差那么如何解决回调地狱问题？这就引入了promise回调函数。
JavaScript之Promise的实现
weixin_47303886的博客
09-29 789
什么是Promise对象 Promise对象代表了未来将来发生的事件，用来传递异步操作的信息。简单来说，Promise就是用来处理异步操作的。 为什么要使用Promise对象 在没有Promise对象之前，我们是如何
async、await、promise
EmilyHoward的博客
11-19 260
async、await、promise
ES6中的Promise
m0_49832784的博客
01-29 164
01-Promise(ES6中的难点) 1.1-Promise介绍 ES6教程传送门：http://es6.ruanyifeng.com/#docs/promise 1.Promise是什么？ Promise 是 一个 构造函数, 用于创建Promise对象 Promise对象：可以理解为一个处理异步操作的容器 2.Promise作用：解决回调地狱 回调地狱：异步回调 层层嵌套 /* 为什么要学习Promise？ 1.Promise作用 ： 解决回调地狱问题 回调地狱 ：
第二十八章 回调函数和Promise
最新发布
Girasoles的博客
12-12 657
第二十八章 回调函数和Promise
promise中的回调函数、async和await的执行顺序
T Lai
09-01 783
一、几个关键问题： 1、宏队列：用来保存待执行的宏任务（回调），比如：定时器回调、DOM事件回调、ajax回调。 2、微队列：用来保存待执行的微任务（回调），比如：promise的回调、MutationObserver的回调。 3、JS执行时，必须先执行所有的同步任务代码，然后将微队列中的任务取出执行，当所有微任务执行完成以后，再取出宏队列中的代码执行。所以执行顺序是：同步任务---->微队列任务---->宏队列任务。 4、Promise((resolve,reject)=>...
看了就懂的Promise和回调函数
小天才程序员的博客乐园
04-08 1万+
最通俗易懂的回调函数 (callback)与Promise
使用回调和Promise两种方法实现3个小球依次移动
u014041540的博客
01-14 432
promise调用 .ball{ width: 20px; height: 20px; border-radius: 50%; } .ball1{ background-color: red; } .ball2{ background-color: yellow; } .ball3{ background-color: green
promise语法及回调
D_Z_Yong的博客
03-18 380
一般new一个promise容器，promise容器里有三个状态，但是每次只能存在一个状态，即下面图片的三个小圈，pending正在执行，resolve是成功的，reject是失败的 成功后就把data传到resolve这个状态中 then里的第一个function就是resolve，第二个function就是reject 代码图示： then（function(){return aa...
Promise 解决回调地域问题，依次读取三个文件
火星基地
11-04 353
需求： 依次读取1.txt、2.txt、3.txt三个文件，因为fs.readFile属于异步编程，可使用promise完成，解决回调地狱问题。 文件内容： 1.txt：1 2.txt：2 3.txt：3 代码实现： const fs = require('fs'); // 将三个promise定义成函数，可以再调用的时候再执行，实现依次执行 function p1() { // 函数直接返回promise对象，就可以写成“p1().then”的形式 return new Promi
【Promise】Promise 使用 / 回调地狱问题 async-await /宏队列与微队列
one or only的博客
08-06 1366
【Promise】Promise 的使用 / 回调地狱问题 async-await /宏队列与微队列
js promise 详解
qq_42389674的博客
12-21 3383
没有promise之前处理异步的方式 在promise产生之前，js 处理异步的方式是使用回调函数，一个回调函数执行完成，进行下一个回调函数。这样会导致层层嵌套，代码不清晰。容易进入回调地狱 promise 简介 promise的状态 promise 有三种状态 pending(进行中)，resolved(成功)，rejected(失败) promise的状态是不可逆的 pending--->resolved 或者 pending--->rejected promi..
promise（3）——Promise对象的两个属性：”PromiseState、PromiseResult；两个回调函数参数：resolve、reject；四个方法
热门推荐
木子 旭的博客
03-07 1万+
1.promise状态改变 Promise一共有三种状态： 未决定的：pending 成功：resolved、fulfilled 失败：rejected Promise一共有两种状态变化： （1）从pending变成resolved/fulfilled （2）从pending变成reject Promise有一个属性对应其状态：PromiseState 2.Promise的resolve和reject两个回调函数参数 当new一个Promise对象的时候，该Promise对象的PromiseSta
简述ES6新增的语法 三（回调函数和Promise以及 async await关键字）
TXW6666的博客
03-22 1168
什么是JS中的回调函数？ 回调函数： 运行某个函数实现某个功能的时候，传入一个函数作为参数，当发生某件事情的时候，会执行该函数 这个函数参数就是回调函数 回调地狱： 某个异步操作需要等待之前的异步操作完成，无论回调是事件还是其他函数，都会陷入不断的嵌套 通过回调函数异步操作 某个异步操作要等待别的操作对他的结果，这种联系的处理，会让代码的复杂度急剧增加 promise promise简介 ES官...
ES6语法Promise函数介绍
武汉小喽啰
08-21 868
1. 关于回调地狱问题 我们用一个例子来说明，什么是回调地狱。例如，我们现在想封装一个方法，用于读取文件，要求是一个读取文件路径，返回文件内容 1.1 普通读取文件的方式 var fs = require('fs'); var path = require('path'); // 普通读取文件的方式 fs.readFile(path.join(__dirname,'./files/1.t...
Promise的几个常用方法
qq_43653724的博客
06-19 1万+
Promise的几个常用方法 Promise.all Promise.all([]).then(res => {}).catch(err => {}) 该方法接收一个Promise数组返回一个Promise，只有当该数组中的所有Promise完成后才会由pendding状态变为resolve执行then里面的回调函数，若数组中有任意一个promise被拒绝则会执行失败回调，catch方法会捕获到首个被执行的 reject函数。该方法获得的成功结果的数组里面的数据顺序和接收到的promise数组
promise专题04-自定义promise之then方法执行回调、异步的执行逻辑、指定多个回调，同步及异步修改状态then方法改变结果，then方法的完善有优化，catch方法异常穿透与值传递
weixin_43745804的博客
10-16 697
7、then方法执行回调 then方法里的两个形参实际对应着两个参数（函数），并且自己也带参（存储在PromiseResult里），因此要实现onResolved和onRejected两个函数的逻辑 这里要判断PromiseState的状态，因为在resolve或reject的时候，已经实现修改了PromiseState的值（resolvue和reject隐含的第一项操作就是修改PromiseState的值，第二不就是修改PromiseResult的值） //相当于重写promise function
Promise中then的执行顺序详解
qq_37028216的博客
01-10 1万+
Promise在前端中主要用于处理异步调用，其基本使用方式通过阮一峰大佬的文档一下就可以入手，但是最近我看了一篇文章wecTeam中，作者深山蚂蚁的《高级进阶：深度揭秘Promise注册微任务和执行过程》一文，让我对Promise的执行顺序有了更深的了解，与此同时我也有了一个疑问，通过这篇文章与大家探讨。 1. promise的异步主要发生在微任务队列中 2. 第一个then的回调监听最新Pr...
ES6中的重中之重——romise对象
fan_ge_的博客
07-08 536
ES6中的重中之重——romise对象 一、什么是Promise？我们用Promise来解决什么问题？ Promise 是异步编程的一种解决方案： 从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。 promise有三种状态：pending(等待态)，fu...
Promise执行顺序详解
qq_41409353的博客
03-08 2590
Promise 的执行顺序详解
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值