ES6 - 关于Promise的使用

Promise是一种异步编程的解决方案，比传统的回调函数+事件的方式更合理和强大，ES6原生提供了Promise对象。
Promise类似一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果，从它可以获取异步操作的信息。
Promise对象提供统一的API接口，使得控制异步操作更加容易。
Promise对象有以下特点：

1. 对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果，可以决定当前是哪一种状态。
2. 一旦状态改变，就会凝固，任何时候都可以得到这个状态。Promise状态的改变，只有两种情况：从pending变为fulfilled和从pending变为rejected，状态凝固即意味着已定型resolved。
3. 无法取消Promise，一旦新建它就会立即执行，无法中途取消。
4. 如果不设置回调函数，Promise内部抛出的错误，不会反应到外部。
5. 当处于pending状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。

基本用法

Promise对象是一个构造函数，用来生成Promise实例。
Promise构造函数接受一个函数作为参数，该函数的两个参数分别为resolve和reject，它们是两个函数，由JS引擎提供。
resolve函数在异步操作成功（即Promise对象的状态由pending变为fulfilled）时调用，并将异步操作的结果作为参数传递出去。
reject函数在异步操作失败（即Promise对象的状态由pending变为rejected）时调用，并将异步操作抛出的错误作为参数传递出去。

const promise = new Promise(function(resolve, reject) {
	//some code ...
	
	if(/* 异步操作成功 */) {
		resolve(value);
	}else {
		reject(error);
	}
});

Promise实例生成以后，可以用then方法分别指定resolved状态和rejected状态的回调函数。
then方法接受两个函数作为参数，第一个回调函数是Promise状态变为resolved时调用，第二个回调函数可选，是Promise状态变为rejected时调用。这两个函数都接受Promise对象传出的值作为参数。

promise.then(function(value) {
	//状态为resolved时调用
}, function(error) {
	//状态为rejected时调用
});

一个实际例子

Promise新建后会立即执行，then方法指定的回调函数，将在当前脚本所有同步任务执行完后才执行。
调用resolve或reject 并不会终结Promise构造函数的执行，因此保险起见，可以在resolve或reject前加return语句。

function timeout(ms) {
	//返回一个Promise对象实例
	return new Promise((resolve, reject) => {
		//模拟异步操作
		setTimeout(resolve, ms, 'done');
	});
}

//Promise状态改变时的回调函数
timeout(1000).then((value) => {
	console.log(value);
});

进阶使用

then方法将返回一个新的Promise实例，因此可以采用链式操作，前一个函数的返回值将作为后一个函数的参数。
catch方法是then(null, rejection)的别名，用于指定发生错误时的回调函数。
Promise对象的错误具有冒泡性质，会一直向后传递，直到被捕获为止，即错误总会被下一个catch语句捕获。
如果没有使用catch方法指定错误处理的回调函数，Promise对象抛出的错误不会传递到外层代码，即不会有任何反应。
finally方法用于指定不管Promise对象最后的状态如何，都会执行的操作，即该方法的执行与Promise对象的状态无关。

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

高级使用

Promise.all和Promise.race方法都是用于将多个Promise实例，包装成一个新的Promise实例。
Promise.resolve()和Promise.reject()是将现有对象转为Promise对象，只是状态不同。

//接收一个数组作为参数，p1、p2、p3都是Promise实例
//p的状态由p1、p2、p3决定，分以下两种情况：
//1、只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。
//2、只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。
const p = Promise.all([p1, p2, p3]);

//只要p1、p2、p3之中有一个率先改变状态，p的状态就跟着改变，那个率先改变的Promise实例的返回值，就传递给p的回调函数。
const p = Promise.race([p1, p2, p3]);