promise:
1. 定义:
是一套异步操作处理机制， Promise A+ 是规范，jQuery、ES2015、q的promise都是对该规范的一种实现.
2.特点:
- 更容易控制异步操作的执行顺序
- 可以在一系列异步操作中，灵活地处理错误
- 支持链式调用，比较好写
- 能够消除回调金字塔，好看
3. 作用:
- 实现串行任务队列
- 实现串行任务管道
- 处理运行时才能确定执行顺序的串行任务
4.基本语法:
-
创建Promise对象:
var promise = new Promise(function(resolve, reject) { // ... some code if (/* 异步操作成功 */){ resolve(value); } else { reject(error); } });注意: resolve：在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；
reject：在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去；
-
Promise实例生成以后，可以用then方法、catch方法分别指定Resolved状态和Rejected状态的回调函数：
ew Promise(function(resolve,reject) { let num = Math.random() * 2; console.log("产生的随机数为：" + num); setTimeout(function () { if(num < 1) { console.log("即将执行成功"); resolve("200 OK"); } else { console.log("即将执行失败"); reject("失败的原因是num为：" + num); } }, num * 1000); }).then(function(r) { console.log("then：" + r); }).catch(function(j) { console.log("catch：" + j); }); 复制代码 -
Promise.prototype.finally:
finally()方法返回一个
Promise。在promise结束时，无论结果是fulfilled或者是rejected，都会执行指定的回调函数。这为在Promise是否成功完成后都需要执行的代码提供了一种方式。这避免了同样的语句需要在
then()和catch()中各写一次的情况。语法:
p.finally(onFinally); p.finally(function() { // 返回状态为(resolved 或 rejected) });参数:
-
onFinallyPromise结束后调用的Function。
返回值:
返回一个设置了
finally回调函数的Promise对象。 -
-
Promise.all() :
Promise.all(iterable)方法返回一个实例，此实例在 iterable
参数内所有的promise都“完成（resolved）或参数中不包含promise时回调完成（resolve）；如果参数中promise有一个失败（rejected），此实例回调失败（reject），失败的原因是第一个失败promise的结果。const promise1 = Promise.resolve(3); const promise2 = 42; const promise3 = new Promise((resolve, reject) => { setTimeout(resolve, 100, 'foo'); }); Promise.all([promise1, promise2, promise3]).then((values) => { console.log(values); }); // expected output: Array [3, 42, "foo"] -
Promise.race():
方法返回一个 promise，一旦迭代器中的某个promise解决或拒绝，返回的 promise就会解决或拒绝。
const promise1 = new Promise((resolve, reject) => { setTimeout(resolve, 500, 'one'); }); const promise2 = new Promise((resolve, reject) => { setTimeout(resolve, 100, 'two'); }); Promise.race([promise1, promise2]).then((value) => { console.log(value); // Both resolve, but promise2 is faster }); // expected output: "two" -
Promise.allSettled():
返回一个在所有给定的promise已被决议或被拒绝后决议的promise，并带有一个对象数组，每个对象表示对应的promise结果。
const promise1 = Promise.resolve(3); const promise2 = new Promise((resolve, reject) => setTimeout(reject, 100, 'foo')); const promises = [promise1, promise2]; Promise.allSettled(promises). then((results) => results.forEach((result) => console.log(result.status))); // expected output: // "fulfilled" // "rejected" -
Promise.any():
接收一个
Promise可迭代对象，只要其中的一个promise完成，就返回那个已经有完成值的promise。如果可迭代对象中没有一个promise完成（即所有的promises都失败/拒绝），就返回一个拒绝的promise，返回值还有待商榷：无非是拒绝原因数组或AggregateError类型的实例，它是Error的一个子类，用于把单一的错误集合在一起。本质上，这个方法和Promise.all()是相反的。语法:
Promise.any(iterable);参数:
返回值:
1. 如果传入的参数是一个空的可迭代对象，则返回一个 已完成（already resolved）** 状态的 [Promise](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise)。 -
Promise.resolve():
返回一个以给定值解析后的
Promise对象。如果这个值是一个 promise ，那么将返回这个 promise ；如果这个值是thenable（即带有"then"方法），返回的promise会“跟随”这个thenable的对象，采用它的最终状态；否则返回的promise将以此值完成。此函数将类promise对象的多层嵌套展平。const promise1 = Promise.resolve(123); promise1.then((value) => { console.log(value); // expected output: 123 }); -
Promise.reject():
返回一个带有拒绝原因的
Promise对象。function resolved(result) { console.log('Resolved'); } function rejected(result) { console.error(result); } Promise.reject(new Error('fail')).then(resolved, rejected); // expected output: Error: fail
