promise的使用

1.描述

promiseES6 异步编程的一种解决方案，有三种状态：pending（进行中）、resolved（已成功）和rejected（已失败），只有两种可能：从pending变为resolved和从pending变为rejected。

2.用法

（1）resolve——将Promise对象的状态从pending变为resolved，将异步操作的结果，作为参数传递出去reject——将Promise对象的状态从pending变为rejected，将异步操作报出的错误，作为参数传递出去

（2）resolve返回的是另外一个Promise实例

function Pro1(){
 return new Promise(function(resolve, reject) {
  setTimeout(function(){
   resolve('pro1')
  }, 300)
 })
}
//调用
Pro1()
.then(function(data){
 console.log(data) //pro1
})
.catch(function(err){
 throw new Error(err)
})

 （3）多个异步函数同步处理可以用promise.all,少的话可以直接写出来，多的可以使用mapb遍历

a.少的情况

function Pro1(){
 return new Promise(function(resolve, reject) {
  setTimeout(function(){
   resolve('pro1')
  }, 300)
 })
}
function Pro2(){
 return new Promise(function(resolve, reject) {
  setTimeout(function(){
   resolve('pro2')
  }, 300)
 })
}
//调用
var Pro = Promise.all([Pro1(), Pro2()]);
Pro
.then(function(data){
 console.log(data[0], data[1]) //Pro1 Pro2
})
.catch(function(err){
 throw new Error(err)
})

 b.多的情况

function fillCardData() {
return new Promise((resolve, reject) => {
resolve(topic);
})}//将topic暴露出去
//调用者用.then接收报出来的值只有resolve才能调用，要是reject可用catch捕获
Promise.all(
        mentor.eventstack.map((topicId, count) => fillCardData(topicId, cardData))
      ).then(() => {
        res.send(cardData);
        console.log(cardData, 'cardData');
      });

3.Promise.prototype.then()

（1）then方法的第一个参数是resolved状态的回调函数，第二个参数（可选）是rejected状态的回调函数。

（2）then方法返回的是一个新的Promise实例（注意，不是原来那个Promise实例）。因此可以采用链式写法，即then方法后面再调用另一个then方法。

（3）定了两个回调函数。第一个回调函数完成后，会将返回结果作为参数，传入第二个回调函数。采用链式的then，可以指定一组按照次序调用的回调函数

getJSON("/post/1.json").then(
  post => getJSON(post.commentURL)
).then(
  comments => console.log("resolved: ", comments),
  err => console.log("rejected: ", err)
);

4.Promise.prototype.finally()

（1）finally方法用于指定不管 Promise 对象最后状态如何，都会执行的操作

promise
.then(result => {···})
.catch(error => {···})
.finally(() => {···});

 （2）finally方法的回调函数不接受任何参数，这意味着没有办法知道，前面的 Promise 状态到底是fulfilled还是rejected，不依赖于 Promise 的执行结果。finally本质上是then方法的特例。

5.Promise.all()全体一致才为true,否则为false;

6.Promise.race   p1, p2, p3谁先变,p就位谁

const p = Promise.race([p1, p2, p3]);

7.Promise.resolve()

（1）将现有对象转为 Promise 对象，Promise.resolve方法就起到这个作用

Promise.resolve('foo')
// 等价于
new Promise(resolve => resolve('foo'))

（2）其传参有四种情况

a. 参数是一个 Promise 实例:Promise.resolve将不做任何修改、原封不动地返回这个实例。

b.参数是一个thenable对象

thenable对象指的是具有then方法的对象，Promise.resolve方法会将这个对象转为 Promise 对象，然后就立即执行thenable对象的then方法。

let thenable = {
  then: function(resolve, reject) {
    resolve(42);
  }
};

let p1 = Promise.resolve(thenable);
p1.then(function(value) {
  console.log(value);  // 42
});

c.参数不是具有then方法的对象，或根本就不是对象

Promise.resolve方法返回一个新的 Promise 对象，状态为resolved。

由于字符串Hello不属于异步操作（判断方法是字符串对象不具有 then 方法），返回 Promise 实例的状态从一生成就是resolved，所以回调函数会立即执行。Promise.resolve方法的参数，会同时传给回调函数

const p = Promise.resolve('Hello');

p.then(function (s){
  console.log(s)
});
// Hello

d.不带有任何参数

直接返回一个resolved状态的 Promise 对象

const p = Promise.resolve();

p.then(function () {
  // ...
});

8.Promise.any只要其中的一个 promise 成功，就返回那个已经成功的 promise