JS promise

一、背景

大家都知道nodejs很快，为什么会这么快呢，原因就是node采用异步回调的方式来处理需要等待的事件，使得代码会继续往下执行不用在某个地方等待着。

二、简介

Promise，他是一个对象，是用来处理异步操作的，可以让我们写异步调用的时候写起来更加优雅，更加美观便于阅读。顾名思义为承诺、许诺的意思，意思是使用了Promise之后他肯定会给我们答复，无论成功或者失败都会给我们一个答复，所以我们就不用担心他跑了哈哈。所以，Promise有三种状态：pending（进行中），resolved（完成），rejected（失败）。只有异步返回的结构可以改变其状态。所以，promise的过程一般只有两种：pending->resolved或者pending->rejected。

promise对象还有一个比较常用的then方法，用来执行回调函数，then方法接受两个参数，第一个是成功的resolved的回调，另一个是失败rejected的回调，第二个失败的回调参数可选。并且then方法里也可以返回promise对象，这样就可以链式调用了。接下来上代码:

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

var Pro = function (time) {    //返回一个Promise对象    return new Promise(function (resolve, reject) {     console.log('123');     //模拟接口调用     setTimeout(function () {      //这里告诉Promise 成功了，然后去执行then方法的第一个函数      resolve('成功返回');     }, time);    })   };   (function(){    console.log('start');    Pro(3000)    .then(function(data){     console.log(data);     return Pro(5000);})    .then(function(data){     console.log(data);     console.log('end');    })   })();

上边代码中，定义了一个Pro变量，然后把一个匿名函数赋给他，函数返回一个Promise对象，然后对象里边接收一个函数，分别把resolve跟reject方法当参数传进去，用setTimeOut来模拟异步请求，当执行resolve方法后就会调用then方法的一个函数。结果如下：

 

三、Promise 的api　

1、Promise.resolve()
2、Promise.reject()
3、Promise.prototype.then()
4、Promise.prototype.catch()
5、Promise.all() // 所有的都有完成，相当于 且
6、Promise.race() // 完成一个即可，相当于 或

1、Promise.resolve()的作用将现有对象转为Promise对象resolvedl;Promise.resolve('test')==new Promise(resolve=>resolve('test'))

2、Promise.reject()也是返回一个Promise对象,状态为rejected；

3、then方法上边已经做介绍，这里就不再介绍。

4、catch():发生错误的回调函数。

5、Promise.all()适合用于所有的结果都完成了才去执行then（）成功的操作。举个例子：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

let p1 =new Promise(function(resolve,reject){    resolve(1);   });   let p2 = new Promise(function(resolve,reject){    resolve(2);   });   let p3 = new Promise(function(resolve,reject){    resolve(3);   });   Promise.all([p1, p2, p3]).then(function (results) {    console.log('success:'+results);   }).catch(function(r){    console.log("error");    console.log(r);   });

最后输出：

 

6、Promise.race()的作用也是同时执行多个实例，只要有一个实例改变状态，Promise就改为那个实例所改变的状态；

 

来自：https://www.jb51.net/article/134310.htm