ES6 笔记03

01 回调地狱

回调地狱: 回调函数嵌套回调函数 嵌套过深导致维护不方便

02 promise语法的基本使用

promise语法的基本使用:

1.new Promise 对象 并接收新对象

2.在构造函数里面传入回调函数

3.回调函数里面有两个形参: resolve reject

resolve 表示积极状态

reject 表示消极状态

4.在回调函数里面写 异步的代码

5.一旦产生结果 需要调用resolve 或者reject函数

6.如果结果是积极地(正确的) 调用resolve(传入正确的结果)

如果结果是消极的(错误的) 调用reject(传入错误的结果)

7.外部通过Promise对象.then(回调函数) 接收正确结果

通过Promise对象.catch(回调函数) 接收错误结果

8.也就是说 Promise内部 如果最终执行的是resolve 那么外部就是then触发

如果内部最终执行的是reject 那么外部就是catch触发

03 Promise解决回调地狱

Promise是如何解决回调地狱的?

在then的回调函数里面可以继续return一个Promise对象

这样then方法就可以继续调用then方法了,

第二个then匹配到第一个then方法里面的Promise 以此类推

04 Promise语法中的catch

Promise里面异步代码执行正确 调用resolve 执行错误调用reject

catch的使用方法有两种:

1.Promise.then(正确结果的回调函数,错误结果的回调函数)

这样写的catch只能匹配当前promise对象的错误信息

如果是 链式编程 多个then 那么catch要放在外面 使用第二种写法

2.promise.then(正确的回调).catch(失败的回调)

如果有多个then方法 那么catch只需要写一个

但凡其中有一个promise对象 产生错误结果

那么立马匹配catch 剩余的then不在执行

05 promise的一些静态方法

promise 对象除了then 和catch 以外 还有finally 方法

也就是说本次promise对象无论触发的是then还是catch 都会执行finally方法

finally方法传入一个回调函数 回调函数没有参数 单纯的表示执行完成

可以把then和catch里面统一处理的代码 放到finally里面执行

promise的一些静态方法:

1.promise.all( )

参数需要传入一个数组 数组里面每个元素都是一个promise对象

作用: 同一时间开始执行数组内所有的promise代码

然后等到所有的promise的第一步代码全部执行完毕

一次性把所有的结果放到一个数组里面

all方法的返回值是一个promise对象 这个对象的then方法 里面接收总的结果

结果是数类型

但凡有任意一个promise的状态是reject 那么promise.all最终的状态就是reject

2.promise.race()

参数需要传入一个数组 数组里面每个元素都是一个promise对象

返回值是一个promise对象

作用: 多个promise一起执行 那个promise先执行完

那么就以这个promise的结果为最终结果

如果这个promise是失败状态 那么race最终就是失败

如果这个promise是成功状态 那么race最终就是成功

3.promise.any()

参数需要传一个数组 数组里面每个元素都是一个promise对象

返回值是一个promise对象

作用: 多个promise一起执行 哪个promise先执行完

那么就以这个promise的结果为最终结果

如果这个promise是失败状态 那么会找下一个执行完正确的结果的promise为最终结果

如果这个promise是成功状态 那么any就把当前结果作为最终结果

any方法的目的就是找正确的结果

如果第一个不正确就往下继续执行 哪一个正确就停止运行把结果返回

如果都失败就返回 AggregateError: All promises were rejected

Promise.reject();

这个方法可以快捷的诞生有一个状态为rejected的Promise对象

Promise.resolve()

这个方法可以快捷的诞生有一个状态为resolve的Promise对象

相关推荐
艾小逗14 分钟前
uniapp快速入门教程,内容来源于官方文档,仅仅记录快速入门需要了解到的知识点
小程序·uni-app·app·es6
程序员凡尘25 分钟前
完美解决 Array 方法 (map/filter/reduce) 不按预期工作 的正确解决方法,亲测有效!!!
前端·javascript·vue.js
liangbm328 分钟前
数学建模笔记——动态规划
笔记·python·算法·数学建模·动态规划·背包问题·优化问题
GoppViper38 分钟前
golang学习笔记29——golang 中如何将 GitHub 最新提交的版本设置为 v1.0.0
笔记·git·后端·学习·golang·github·源代码管理
Charles Ray2 小时前
C++学习笔记 —— 内存分配 new
c++·笔记·学习
重生之我在20年代敲代码2 小时前
strncpy函数的使用和模拟实现
c语言·开发语言·c++·经验分享·笔记
我要吐泡泡了哦3 小时前
GAMES104:15 游戏引擎的玩法系统基础-学习笔记
笔记·学习·游戏引擎
骑鱼过海的猫1233 小时前
【tomcat】tomcat学习笔记
笔记·学习·tomcat
编程零零七4 小时前
Python数据分析工具(三):pymssql的用法
开发语言·前端·数据库·python·oracle·数据分析·pymssql
贾saisai5 小时前
Xilinx系FPGA学习笔记(九)DDR3学习
笔记·学习·fpga开发