Promise基本模型
var getJSON = function(url) {
var promise = new Promise(function(resolve, reject){
var client = new XMLHttpRequest();
client.open("GET", url);
client.onreadystatechange = handler;
client.responseType = "json";
client.setRequestHeader("Accept", "application/json");
client.send();
function handler() {
if (this.readyState !== 4) {
return;
}
if (this.status === 200) {
resolve(this.response);
} else {
reject(new Error(this.statusText));
}
};
});
return promise;
};
getJSON("/posts.json").then(function(json) {
console.log('Contents: ' + json);
}, function(error) {
console.error('出错了', error);
});
`
Promise是一个容器，保存着将来才会发生的事件。Promise一开始是Pending状态，调用resolve函数变成Resolved状态，或者调用Reject函数变成Rejected状态，状态是不可逆的。
上面代码中resolve、reject两个函数由语言框架提供，我们只需要调用promise对象的then函数指定Resolved状态和Reject状态的回调函数。promise对象的catch只是then(null, rejection)的别名。
then链式调用
getJSON('/post/1.json').then(function(post) {
return getJSON(post.commentURL);
}).then(function(comments) {
// some code
}).catch(function(error) {
// 处理前面三个Promise产生的错误
});
then方法返回的也是一个新的Promise对象（不是前面那个），所以then方法可以写成链式调用。后一个then方法指定的回调函数，会等到前面的Promise状态发生改变时才被调用。
- 前一个then方法指定的回调函数，返回一个普通对象，该对象会作为参数传给下一个then指定的回调函数
- 前一个then方法指定的回调函数，返回一个Promise对象，后一个回调函数会等该Promise状态改变才会被调用。
- 如果前面Promise跑出异常，会直接向后传递，知道找到一
catch方法指定的回调函数，去处理异常。如果没有catch函数，异常并不会抛到外层。
Promise.all()
// 生成一个Promise对象的数组
var promises = [2, 3, 5, 7, 11, 13].map(function (id) {
return getJSON("/post/" + id + ".json");
});
Promise.all(promises).then(function (posts) {
// ...
}).catch(function(reason){
// ...
});
只有所有的Promise对象状态都变成Resolved，会将所有的返回结果组成一个数组作为参数，调用then方法指定的回调函数；否则会将第一个变成Rejected状态的Promise的返回值，传递给catch指定的毁掉函数。
Promise.race()
'' var p = Promise.race([p1, p2, p3]);
跟Promise.all不同的是，将第一个改变状态的Promise实例返回值作为参数去回调，而不是等到所有Promise实例黄台都改变。
Promise.resolve()
将入参转化成Promise对象，入参类型不同：
- 入参即是Promise实例：此时直接入参返回，不做修改
- 入参是
thenable对象（有then方法），会立即执行then方法。这个主要针对异步操作。 - 入参是没有
then方法的对象，或者不是对象。返回的Promise实例一生成就是Resolved状态，then指定的回调函数会被立即执行。 - 没有入参，同3.
上面提到的立即执行，是在本轮时间循环结束时执行。
上面的Promise.all、Promise.race如果参数中包含非Promise，对象，会被嗲用Promise.resolve转换成Promise对象。之前的链式调用，也是调用该方法生成新的Promise对象。
Promise.reject
不同于Promise.resolve，该方法参数会原样作为reject回调的入参。
