第八章 Promise
由于书中内容不便于记录，结合博客内容做出总结。
Promise是一个构造函数，有all、reject、resolve等方法，原型上有then、catch等方法。
例如：
var p = new Promise(function (resolve,reject){
//做一些异步操作
setTimeout(function(){
console.log('Done');
resolve('whatever')
},2000);
});
Promise接收一个函数作为参数，并传入两个参数resolve，reject，分别表示异步操作执行成功/失败后的回调函数。严格意义上，resolve把Promise的状态设置为fulfilled，reject把Promise的状态设为rejected。
在上面代码中2秒后输出Done并调用resolve方法.所以使用Promise时一般是包在一个函数中，需要使用的时候呀再调用。
function runAsync(){
var p = new Promise(function (resolve,reject){
//做一些异步操作
setTimeout(function(){
console.log('Done');
resolve('whatever')
},2000);
});
return p;
}
runAsync();
Question：(1)封装这个函数有什么用
(2)resolve('whatever')是干什么的
拿到return出来的对象之后执行then、catch方法可以实现不同功能。
runAsync().then(function(date){
console.log(data);
//可以使用传过来的数据做些其他事情
})
在runAsync的返回上直接调用then方法，then接收一个函数做参数，并且能拿到我们在runAsync中调用resolve时传的参数，运行这段代码，两秒后输出“Done”，接着输出“whatever”。
综上，then里面的函数和回调函数一个意思，能够在runAsync的异步操作执行完之后被执行。简单来说，就是把原来的回调写法分离开，在异步操作执行完后，用链式调用的方式执行回调函数。
问题来了，封装回调函数也能实现，还要promise干嘛，如下：
function runAsync(callback){
setTimeout(func 数据');
}, 2000);
}
runAsync(function(data){
console.log(data);
});
效果与promise相同，但是如果有多层回调函数，callback也是一个异步操作，执行完后还有回调函数怎么办？总不能再定义一个callback2传给callback。Promise的优势在于，可以在then方法中继续写promise对象并返回，然后继续用then来进行回调操作。
链式操作的用法
表面上看，promise只是能简化层层回调的写法，实质上，Promise的精髓是“状态”，用维护状态，传递状态的方式使回调函数及时调用，比传递callback函数的方式灵活。Promise的正确打开方式是：
runAsync()
.then(function(data){
console.log(data);
return runAsync2();
})
.then(function(data){
console.log(data);
return runAsync3;
})
.then(function(data){
console.log(data)
})
输出：
Done1
whatever1
Done2
whatever2
Done3
whatever3
在then方法中，可以直接return数据而不是Promise对象,在后面的then中就可以直接接收到数据了，比如对上面代码作如下更改：
runAsync1()
.then(function(data){
console.log(data);
return runAsync2();
})
.then(function(data){
console.log(data);
return '直接返回数据'; //这里直接返回数据
})
.then(function(data){
console.log(data);
});
输出：
Done1
whatever1
Done2
whatever2
直接返回数据
reject的用法
reject的作用是把Promise的状态变为rejected，这样在then中能捕捉到，然后执行“失败”情况下的回调。
function getNumber(){
var p = new Promise(function(resolve,reject){
setTimeout(function(){
var num = Math.ceil(Math.random()*10);//生成1-10的随机数
if(num<=5){
resolve(num);
}
else{
reject('数字太大');
}
},2000);
});
return p;
}
getNumber()
.then(
function(data){
console.log('resolved');
console.log(data);
},
function(reason,data){
console.log('rejected');
console.log(reason);
}
);
getNumber函数用来异步获取一个数字，2秒后执行完成，如果数字小于等于5，认为是“成功”，调用resolve，修改Promise的状态，否则认为失败，调用reject并传递一个参数作为失败原因。
运行getNumber时并在then中传递了两个参数，then方法可以接收两个参数，一个对应resolve的回调，一个对应reject的回调。
catch的用法
作用和then的第二个参数一样，用来指定reject的回调：
getNumber()
.then(function(data){
console.log('resolved');
console.log(data);
})
.catch(function(reason){
console.log('reject');
console.log(reason);
});
效果和写在then的第二个参数一样，另一个作用是：在执行resolve的回调时（也就是then的第一个参数），如果代码抛出异常（代码出错了），并不会报错卡死js，而是会进入到这个catch方法中，如下：
getNumber()
.then(function(data){
console.log('resolved');
console.log(data);
console.log(somedata);
})
.catch(function(data){
console.log('rejected');
console.log(reason);
})
没有somedata这个变量，如果不用promise，代码运行到这里就直接在控制台报错，但在这里会进入到catch方法，并把错误原因传入到reason里，即使有错误也不会报错了，与try/catch语句有相同功能。
all的用法
promise的all方法提供了并行执行异步操作的能力，并且在所有异步操作执行完后才执行回调。
Promise
.all([runAsync1(),runAsync2(),runAsync3()])
.then(function(results){
console.log(results);
});
输出：
Done1
Done2
Done3
['whatever1','whatever2','whatever3']
用promise.all来执行，all接收一个数组参数，里面的值最终都算返回Promise对象。这样，三个异步操作并行执行，直到他们都执行完才会进入then。三个异步操作的返回值都在then里面，all会把所有异步操作的结果放入一个数组中传给then，就是上面的result。
有了all，可以并行执行多个异步操作，并在一个回调中处理所有返回数据，应用场景之一是：游戏类素材比较多的应用，打开网页时，预先加载需要用到的各种资源如图片、flash等，所有都加载完后再进行页面初始化。
race的用法
all的用法是“以跑得慢的人为准执行回调”，race是“以跑得快的人为准执行回调”，race的用法与all一致。
Promise
.race([runAsync1(), runAsync2(), runAsync3()])
.then(function(results){
console.log(results);
});
这三个异步操作同样是并行执行的，结果1秒后runAsync1已经执行完了，此时then里面的就执行了。在then里面的回调开始执行时，runAsync2和runAsync3并为停止，于是再过一秒输出结束标志。
输出：
Done1
whatever1
Done2
Done3
race的应用场景：给某个异步请求设置超时时间，并在超时后执行相应操作。比如加载图片时，如果5秒内图片请求成功，那么进入then方法，执行正常流程，否则进入catch，报出“图片请求超时”的信息。
如下：
//请求某个图片资源时
function requestImg(){
var p = new Promise(function(resolve,reject){
var img = new Image();
img.onload = function(){
resolve(img);
}
img.src = 'xxxx';
});
return p;
}
//延时函数，用于请求计时
function timeout(){
var p = new Promise(function(resolve,reject){
setTimeout(function(){
reject('图片请求超时');
},5000);
});
return p;
}
Promise
.race([requestImg(),timeout()])
.then(function(results){
console.log(results);
})
.catch(function(reason){
console.log(reason);
});
