ES6 Promise用法

###new一个Promise构造函数
var p = new Promise(function(resolve,reject) {
setTimeout(function() {
console.log(‘执行完成’);
resolve(‘随便什么数据’);
}, 2000);
});
控制台打印结果

注意：这里只是new了一个对象，并没有调用它，我们传进去的函数就已经执行了。所以我们用Promise的时候一般是包在一个函数中，在需要的时候去运行这个函数。如下所示：
function runAsync() {
var p = new Promise(function(resolve,reject) {
setTimeout(function() {
console.log(‘执行完成’);
resolve(‘随便什么数据’);
}, 2000);
});
return p;
}
runAsync()
在我们包装好函数最后，会return一个Promise对象，也就是说执行这个函数我们得到了一个Promise对象。在runAsync()的返回上直接调用then方法，then接收一个参数，是函数，并且会拿到我们在runAsync中调用resolve时传的参数。
其实then里面的函数就跟我们平时的回调函数一个意思，能够在runAsync这个异步操作执行完成后，用链式调用的方法执行回调函数。也就是说能把原来的回调写法分离出来，再一步操作执行完成后，用链式调用的方式执行回调函数。

###链式操作用法
Promise的优势在于，可以在then方法中继续写Promise对象并返回，然后继续调用then来进行回调操作。
function runAsync1() {
var p = new Promise(function(resolve, reject) {
// 做一些异步操作
setTimeout(function() {
console.log(‘异步任务1执行完成’);
resolve(‘随便什么数据1’);
}, 1000);
});
return p;
}
function runAsync2() {
var p = new Promise(function(resolve, reject) {
// 做一些异步操作
setTimeout(function(){
console.log(‘异步任务2执行完成’);
resolve(‘随便什么数据2’);
}, 2000);
});
return p;
}
function runAsync3() {
var p = new Promise(function(resolve, reject) {
// 做一些异步操作
setTimeout(function() {
console.log(‘异步任务3执行完成’);
resolve(‘随便什么数据3’);
}, 3000);
});
return p;
}
runAsync1()
.then(function(data){
console.log(data);
return runAsync2();
})
.then(function(data){
console.log(data);
return runAsync3();
})
.then(function(data){
console.log(data);
});
控制台打印结果如下：

在then方法中，也可以直接return数据而不是Promise对象，在后面的then中就可以接受数据了。代码如下所示：
runAsync1()
.then(function(data) {
console.log(data);
return runAsync2()
})
.then(function(data) {
console.log(data);
return runAsync3();
})
.then(function(data) {
console.log(data);
return ‘直接返回数据’;
})
.then(function(data) {
console.log(data)
})

控制台打印结果：

##reject的用法
reject的作用就是把Promise的状态置未rejected,这样我们在then中就能捕捉到，然后执行‘失败’情况的回调。
运行getNumber并且在then中传了两个参数，then刚发可以接受两个参数，第一个对应resolve的回调，第二个对应reject的回调。所以我们能够分别拿到他们传过来的数据。
function getNumber() {
var p = new Promise(function(resolve, reject) {
setTimeout(function() {
var num = Math.ceil(Math.random()*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的用法
Promise对象除了then方法，还有一个catch方法。其实它和then的第二个参数一样，用来指定reject的回调，用法是这样：
getNumber()
.then(function(data) {
console.log(‘resolved’);
console.log(data);
})
.catch(function(reason) {
console.log(‘rejected’);
console.log(reason);
})
效果和写在then的第二个参数里面是一样的。不过它还有另外一个作用：在执行resolve的回调（也就是上面then中的第一个参数）时，如果抛出异常了（代码出错了），也并不会报错卡死js，而是会进到这个catch方法中。代码如下所示：
getNumber()
.then(function(data) {
console.log(‘resolved’);
console.log(data);
console.log(sometada); //此处的somedata未定义
})
.catch(function(reason) {
console.log(‘rejected’);
console.log(reason);
})
在resolve的回调中，我们console.log(somedata)这个变量是没有被定义的。如果我们不用Promise，代码运行到这里就直接在控制台报错了，不往下运行了。但是在这里，会得到这样的结果：

也就是说进到catch方法里面去了，而且把错误原因传到了reason参数中。即便是有错误的代码也不会报错了，这与我们的try/catch语句有相同的功能。

##all的用法
Promise的all方法提供了并行执行异步操作的能力，并且在所有一步操作执行完后才执行回调。all可以并行执行多个异步操作，并且在一个回调中处理所有的返回数据。我们依旧使用上面定义好的runAsync1、runAsync2、runAsync3这三个函数，看下面的例子：
Promise
.all([runAsync1(), runAsync2(), runAsync3()])
.then(function(results) {
console.log(results);
})
用Promise.all来执行，all接受一个数组参数，里面的值最终都算返回Promise对象。这样，三个异步操作是并行执行的，等到它们都执行完后才会进到then里面。三个一步操作返回的数据都在then里面，all会把所有异步操作的结果放进一个数组中传给then，就是上面的results。所以上面代码的输出结果就是：

##race的用法
all方法的效果实际上是[谁跑得快，以谁为准执行回调]，那么相对的就有另一个方法[谁跑得慢，就以谁为准执行回调]，这就是race方法。以下是其案例：
Promise
.race([runAsync1(), runAsync2(), runAsync3()])
.then(function(results) {
console.log(results);
})
代码输出结果就是：