JavaScript Promise 对象----2021-7-9

Promise对象有以下两个特点：
1、对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态

• pending：初始状态，不是成功或失败状态
• fulfilled：意味着操作成功完成
• rejected：意味着操作失败

2、一旦状态改变，就不会再变
Promise对象的状态改变，就只有两种可能：
从Pending变成Resolved和从Pending变成Rejected
Promise 优缺点
优点
有了Promise对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数
Promise对象提供统一的接口，使得控制异步操作更加容易
缺点
无法取消Promise，一旦新建它就会立即执行，无法中途取消；其次，如果不设置回调函数，Promise内部抛出的错误，不会反应到外部；第三，当处于Pending状态时，无法得知目前进展到哪一个阶段
Promise创建
创建一个promise对象、可以使用new来调用Promise的构造器来进行实例化

function ajax(URL) {
  return new Promise(function (resolve,reject) {
    var req = new XMLHttpRequest();
    req.open('GET',URL,true);
    req.onload = function() {
      if(req.status === 200) {
        resolve(req.responseText);
      }else{
        reject(new Error(req.statusText));
      }
    };
    req.onerror = function() {
      reject(new Error(req.statusText));
    };
    req.send();
  });
}

Promise.all 方法，Promise.race 方法
Promise.all 方法用于将多个Promise实例，包装成一个新的Promise实例

var p = Promise.all([p1,p2,p3]);

上面代码中，Promise.all 方法接受一个数组作为参数，p1、p2、p3都是Promise对象的实例
p 的状态有p1、p2、p3决定，分成两种情况

• 只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数
• 只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被rejected的实例的返回值，会传递给p的回调函数

Promise.race 方法同样是将多个Promise实例，包装成一个新的Promise实例

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

上面代码中，只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变
那个率先改变的promise实例的返回值，就传递给p的返回值
如果Promise.all方法和Promise.race方法的参数，不是Promise实例，就会先调用下面讲到的Promise.resolve方法，将参数转为Promise实例再进一步处理