20170702异步编程之Promise

1.Promise的含义

Promise是异步编程的一种解决方案
Promise实例代表一个异步操作&＃xff0c;从它可以获取异步操作的消息
Promise实例有三种状态&＃xff1a;
- Pending&＃xff1a;进行中
- Resolved&＃xff1a;已完成
- Rejected&＃xff1a;已失败
Promise实例的状态只能由 Pending->Resolved&＃xff0c; Pending->Rejected。一旦Promise实例的状态发生改变&＃xff0c;就不会再发生变化&＃xff0c;任何时候都可以得到这个结果
为什么要使用Promise&＃xff1a;通过Promise&＃xff0c;可以将一步操作以同步操作的流程表达出来&＃xff0c;可以避免层层嵌套的回调函数(回调地域)&＃xff0c;并且Promise提供了统一的接口&＃xff0c;使得控制异步操作更加容易

2.Promise构造函数

Promise是一个构造函数&＃xff0c;用来生成Promise实例

var promise &＃61; new Promise(function(resolve, reject)){// ... do somethingif (/*异步操作成果*/) {resolve(value)} else { /*异步操作失败*/reject(error)} }

Promise构造函数接受一个函数作为参数&＃xff0c;该函数的两个参数分别是resolve和reject。它们是两个函数&＃xff0c;由 Javascript 引擎提供&＃xff0c;不用自己部署。
resolve函数的作用是&＃xff0c;将Promise实例的状态从“未完成”变为“成功”&＃xff08;即从 Pending 变为 Resolved&＃xff09;&＃xff0c;在异步操作成功时调用&＃xff0c;并将异步操作的结果&＃xff0c;作为参数传递出去
reject函数的作用是&＃xff0c;将Promise实例的状态从“未完成”变为“失败”&＃xff08;即从 Pending 变为 Rejected&＃xff09;&＃xff0c;在异步操作失败时调用&＃xff0c;并将异步操作报出的错误&＃xff0c;作为参数传递出去**

Promise.prototype.then()

Promise实例生成以后&＃xff0c;可以用then方法分别指定Resolved状态和Reject状态的回调函数。

var promise &＃61; new Promise(function(resolve, reject)){// ... do somethingif (/*异步操作成果*/) {resolve(value)} else { /*异步操作失败*/reject(error)} } promise.then(function(value) {// success }, function(error) {// failure });

then方法可以接受两个回调函数作为参数。第一个回调函数是Promise的状态变为Resolved时调用&＃xff0c;第二个回调函数是Promise实例的状态变为Rejected时调用。其中&＃xff0c;第二个函数是可选的&＃xff0c;不一定要提供。
这两个函数都接受Promise实例传出的值作为参数。(简单地说就是&＃xff1a;上面的promise对象在处理异步操作的过程中&＃xff0c;如果调用了resolve方法&＃xff0c;则会将resolve的参数传递给then方法的第一个函数&＃xff0c;如果调用了reject方法&＃xff0c;这会将reject的参数传递给then方法的第二个函数)

then方法返回的是一个新的Promise实例(注意&＃xff0c;不是原来那个Promise实例),因此可以采用链式写法&＃xff0c;即then方法后面在调用另一个then方法

上面的代码使用then方法&＃xff0c;依次指定了两个回调函数。第一个回调函数完成以后&＃xff0c;会将返回结果作为参数&＃xff0c;传入第二个回调函数。&＃xff08;实际上是第一个then方法返回了一个Promise实例&＃xff0c;在该实例中调用了resolve方法&＃xff0c;而json.post则是作为resolve的参数&＃xff09;

上面代码中&＃xff0c;第一个then方法指定的回调函数&＃xff0c;返回的是另一个Promise实例&＃xff0c;则第一个then方法会直接将该Promise实例返回

Promise.prototype.catch()

该方法是.then(undefined, onRejected)的别名&＃xff0c;用于指定发生错误时的回调函数。

promise.then(function(data) {console.log(&＃39;success&＃39;); }).catch(function(error) {console.log(&＃39;error&＃39;, error); });

promise对象的错误&＃xff0c;会一直向后传递&＃xff0c;直到被捕获。即错误总会被下一个catch所捕获。then方法指定的回调函数&＃xff0c;若抛出错误&＃xff0c;也会被下一个catch捕获。catch中也能抛错&＃xff0c;则需要后面的catch来捕获。

sendRequest(&＃39;test.html&＃39;).then(function(data1) {//do something }).then(function (data2) {//do something }).catch(function (error) {//处理前面三个Promise产生的错误 });

Promise.all()

该方法用于将多个Promise实例&＃xff0c;包装成一个新的Promise实例

// p1,p2,p3都是promise实例 var p &＃61; Promise.all([p1, p2, p3]);

新的Promise实例的状态由三个promise实例共同决定

当三个promise实例的状态都变为fulfilled&＃xff0c;p的状态才会变为fulfilled&＃xff0c;并将三个promise返回的结果&＃xff0c;按照参数顺序存入数组&＃xff0c;传给p的回调函数
当p1, p2, p3其中之一状态变为rejected&＃xff0c;p的状态也会变为rejected&＃xff0c;并把第一个被reject的promise的返回值&＃xff0c;传给p的回调函数

Promise..race()

该方法用于将多个Promise实例&＃xff0c;包装成一个新的Promise实例

// p1,p2,p3都是promise实例 var p &＃61; Promise.race([p1, p2, p3]);

新的Promise实例的状态由三个promise实例共同决定

当p1, p2, p3其中之一状态发生改变&＃xff08;变为fulfilled或者rejected&＃xff09;&＃xff0c;p的状态也会随之改变&＃xff0c;并把第一个改变状态的promise的返回值&＃xff0c;传给p的回调函数

Promise.resolve()

Promise.resolve方法的参数分为四种情况

参数是一个Promise实例

如果参数是Promise实例&＃xff0c;那么Promise.resolve将不做任何修改、原封不动地返回这个实例。

参数是一个thenable对象

let thenable &＃61; {then: function(resolve, reject) {resolve(42);} };let p1 &＃61; Promise.resolve(thenable); p1.then(function(value) {console.log(value); // 42 });

Promise.resolve方法会将这个对象转为Promise对象&＃xff0c;然后就立即执行thenable对象的then方法。