2017-01-20 12:17:09

异步编程——Promise

之前我们说到，当通过回调函数执行多步异步操作时，会创造难以理解和调试的代码，而且也缺乏控制异步操作时机的手段。比如想让两个异步操作同时运行，或者同时启动多个异步操作只采用某个结果，都很难做到。在这些情况下，通过使用ES6的新特性——Promise将能大幅度改善这种情况。

什么是Promise？

我们都知道，之前在构建异步事件处理函数时，都是通过传入回调函数的手段将事件和方法耦合在一起在实现的。这也是多个异步操作串联时难以操作的原因。而Promise就相当于事件和方法的中转站，将事件和方法解耦，从而使整个异步过程变得清晰。

Promise就是为异步事件的结果准备的占位符，该占位符承接异步事件的状态，根据不同状态来开启针对异步事件的方法的执行。Promise通过它的生命周期来承接异步事件的状态。

Promise的生命周期

Promise内部存在[[PromiseState]]属性，该属性有'pending','fulfilled','rejected'来反映异步事件的状态。

pending(挂起态): 异步事件尚未结束。

fulfilled(已完成): 异步事件已成功结束。

rejected(已拒绝): 异步事件未成功结束，可能发生了一个错误。

该属性会随着异步事件的发生流程而改变，我们通过then()方法监听该属性，来开启针对不同流程所执行的方法。Promise初始为挂起态，只可以单向转换为已完成或已拒绝。无论转化为哪种状态，Promise都可以称为已决态。

至此我们就实现了一个异步事件处理流程，也完成了事件与方法的分离。

Promise通过Promise构造器来创建。该构造器接受单个参数：一个被称为执行器(executor)的函数，该函数包含初始化Promise的代码，并且被传递两个名为resolve()与reject()的函数作为参数。reslove()在执行器结束后被调用，表示进入fulfilled状态。而当执行器操作失败时，reject()被调用，表示进入rejected状态。我们通过then()方法监听Promise的状态，第一个参数为fulfilled状态调用的函数，第二个参数为rejected状态调用的函数。

下面以一个读取文件的异步操作例子来解释整个流程:

let fs = require("fs");

let promise = new Promise(function(resolve,reject){
    //触发执行器异步事件
    fs.readFile(filename,{encoding: "utf-8"},function(err,contents){
        if(err){
        //执行器操作失败，进入rejected状态
            reject(err);
            return 
        }
        //执行器操作成功，进入fulfilled状态
        resolve(contents);
    });   
});

//分别监听两个状态并输出执行器返回值
promise.then(function(contents){
    console.log(contents);
},function(err){
    console.error(err.message);
});

在Promise中执行器会立刻执行，resolve()或reject()的完成会作为异步事件操作结束的标志，转换Promise状态并添加进事件循环队列，以便then函数进行后续监听。

then()方法在所有Promise上都存在，传递给then的两个参数都可选，因此可以进行各种形式与数量的监听与拒绝函数。

当只监听rejected状态时，可以使用更简单的catch()方法。

添加在分类「 前端开发 」下，并被添加 「JavaScript」「Node.js」 标签。

异步编程——Promise

什么是Promise？

Promise的生命周期

Promise的创建

已决的Promise的创建

Promise.resolve()

Promise.reject()

Promise的串联操作

多个Promise的响应

Promise.all()

Promise.race()