javascript异步解决方案之promise

js异步解决方案之promise

1. promise的定义

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

参考

理解：

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

2. promise 的规范

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

将其归纳为4321规范

2.1 四大术语

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为例，在服务端演示其用法。

第一步，安装

第二步，使用