javascript异步解决方案之promise

js异步解决方案之promise

1. promise的定义

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。

参考

• Promisr A+使用规范

理解：

• 没有异步就不需要promise。
• Promise本身不是异步，只是我们去编写异步代码的一种方式

2. promise 的规范

Es6将promise纳入自己规范的时候，也遵循了一个相应的标准 — ==Promise A+规范。

将其归纳为4321规范

4：4大术语
3：3种状态
2：2种事件
1：1个对象

2.1 四大术语

1. 解决（fulfill）：指一个 promise 成功时进行的一系列操作，如状态的改变、回调的执行。虽然规范中用 fulfill 来表示解决，但在后世的 promise 实现多以 resolve 来指代之。

2. 拒绝（reject）：指一个 promise 失败时进行的一系列操作。

3. 终值（eventual value）：所谓终值，指的是 promise 被解决时传递给解决回调的值，由于 promise 有一次性的特征，因此当这个值被传递时，标志着 promise 等待态的结束，故称之终值，有时也直接简称为值（value）。

4. 据因（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对象。

当有多个异步操作的时候，经常会有如下两种需求：（有点类似于运算符中的 逻辑与 和 逻辑或）

1. 确保所有的异步操作完成之后，才进行某个操作，只要有一个失败，就不进行

2. 只要有一个异步操作文章，就里面执行某个操作。

all使用如下

如有错误，如下

reac的用法

4. 使用第三方的Promise库

针对第三方的promise库，有两个知名的库：

• bluebird
• q.js

以bluebird为例，在服务端演示其用法。

第一步，安装

第二步，使用