js异步解决方案之promise
文章目录
1. promise的定义
Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。
参考
理解:
- 没有异步就不需要promise。
- Promise本身不是异步,只是我们去编写异步代码的一种方式
2. promise 的规范
Es6将promise纳入自己规范的时候,也遵循了一个相应的标准 — ==Promise A+规范。
将其归纳为4321规范
4:4大术语
3:3种状态
2:2种事件
1:1个对象
2.1 四大术语
-
解决(fulfill):指一个 promise 成功时进行的一系列操作,如状态的改变、回调的执行。虽然规范中用 fulfill 来表示解决,但在后世的 promise 实现多以 resolve 来指代之。
-
拒绝(reject):指一个 promise 失败时进行的一系列操作。
-
终值(eventual value):所谓终值,指的是 promise 被解决时传递给解决回调的值,由于 promise 有一次性的特征,因此当这个值被传递时,标志着 promise 等待态的结束,故称之终值,有时也直接简称为值(value)。
-
据因(reason):也就是拒绝原因,指在 promise 被拒绝时传递给拒绝回调的值。
2.2 3种状态
- 等待态(Pending)
- 执行态(Fulfilled)
- 拒绝态(Rejected)
针对每种状态的规范
等待态(Pending)
处于等待态时,promise 需满足以下条件:
- 可以迁移至执行态或拒绝态
执行态(Fulfilled)
处于执行态时,promise 需满足以下条件:
- 不能迁移至其他任何状态
- 必须拥有一个不可变的终值
拒绝态(Rejected)
处于拒绝态时,promise 需满足以下条件:
- 不能迁移至其他任何状态
- 必须拥有一个不可变的据因
2.3 2种事件
针对3种状态,只有如下两种转换方向:
- pending –> fulfilled
- pendeing –> rejected
在状态转换的时候,就会触发事件。
如果是pending –> fulfiied,就会触发onFulFilled事件
如果是pendeing –> rejected,就会触发onRejected事件
2.4 1个对象
就是指promise对象
3. promise的基本用法
3.1 基本用法
let p = new Promise(function (resolve,reject) {
reject("no");
})
console.log('p :', p);
回调函数中的两个参数,其作用就是用于转换状态:
resolve,将状态从pending –> fullFilled
reject,将状态从pending –> rejected
3.2 then 方法
在状态转换的时候,就会触发事件。
如果是pending –> fulfiied,就会触发onFulFilled事件
如果是pendeing –> rejected,就会触发onRejected事件
针对事件的注册,Promise对象提供了then方法,如下:
3.3promise典型定义
3.3.1 案例1:读取文件操作
const fs = require("fs");
let p = new Promise(function (resolve,reject) {
fs.readFile("03-js基础/a.txt","utf8",(err,date)=>{
if(err){
reject(err);
}else{
resolve(date);
}
});
});
p.then(result=>{
console.log('result :', result);
}).catch(err=>{
console.log('err :', err);
});
3.3.2 案例2:根据随机数返回结果
let p = new Promise((resolve,reject)=>{
setTimeout(()=>{
let num = Math.random();
if(num>0.5){
resolve("success");
}else{
reject("fail");
}
},1000);
});
p.then(result=>{
console.log('result :', result);
},err=>{
console.log('err :', err);
})
3.3.3 读取文件封装
const fs = require("fs");
function readFile(file){
return new Promise((resolve,reject)=>{
fs.readFile("file","utf8",(err,date)=>{
if(err){
reject(err);
}else{
resolve(date);
}
});
});
}
readFile("a.txt").then(result=>{
console.log('result :', result);
},err=>{
console.log('err :', err);
})
3.4 all和race方法
all:所有
race:竞赛
all和race都是Promise构造器对象的静态方法。直接使用Promise调用,如下:
- Promise.all()
- Promise.reace()
- 返回值都是promise对象。
当有多个异步操作的时候,经常会有如下两种需求:(有点类似于运算符中的 逻辑与 和 逻辑或)
-
确保所有的异步操作完成之后,才进行某个操作,只要有一个失败,就不进行
-
只要有一个异步操作文章,就里面执行某个操作。
all使用如下
如有错误,如下
reac的用法
4. 使用第三方的Promise库
针对第三方的promise库,有两个知名的库:
- bluebird
- q.js
以bluebird为例,在服务端演示其用法。
第一步,安装
第二步,使用