JS之Promise

1.什么是promise？

promise是一个构造函数，自己身上有all，reject，resolve等方法，原型上有then,catch等方法

2.Promise怎么用？

promise的构造函数接收一个参数，是函数。函数传入两个参数：resolve，reject，分别表示异步操作执行成功后的回调函数和失败之后的回调函数。

var p = new Promise(function(resolve,reject){
setTimeout(function(){
console.log("执行结束")
resolve("随便输出");
},1000)
})
return p;

注意：此处只是new了一个对象，传入的函数就已经执行了，因此一般我们将Promise包在函数中，需要的时候再去执行

function runPromise(){
var p = new Promise(function(resolve,reject){
setTimeout(function(){
console.log("执行结束")
resolve("随便输出");
},1000)
})
return p;
}

在包装好的函数最后，return出Promise对象，在Promise对象上有then，catch等方法 在runPromise()的返回上直接调用then方法，then接收一个参数，是函数。并且会拿到我们在runPromise中调用resolve时传入的参数（“随便输出”）；

runPromise().then(function(data){
console.log(data);
})

3.then是什么？

then 里面的函数跟我们平时的回调函数是一个意思，能够在runPromise这个异步任务执行完成之后被执行。就是能把原来的回调写法分离出来，在异步操作执行完成后，用链式调用的方法执行回调函数。 Promise的优势在于，可以在then方法中继续写Promise对象并返回，然后继续调用then来进行回调操作。

4.resolve的用法

function runPromise(){
var p = new Promise(function(resolve,reject){
setTimeout(function(){
console.log("异步执行任务1")
resolve("随便输出1");
},1000)
})
return p;
}

function runPromise2(){
var p = new Promise(function(resolve,reject){
setTimeout(function(){
console.log("异步执行任务2");
resolve("随便输出2");
},2000)
})
return p;
}

function runPromise3(){
var p = new Promise(function(resolve,reject){
setTimeout(function(){
console.log("异步执行任务3");
resolve("随便输出3");
},2000)
})
return p;
}

runPromise().then(function(data){
console.log(data);
return runPromise2();
}).then(function(data){
console.log(data);
return runPromise3();
}).then(function(data){
console.log(data);
})

5.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("数字太大了");
}
},1000)
});
return p;
}

getNumber().then(function(data){
console.log(data);

},function(reason,data){
console.log(reason);
})

运行getNumber并且在then中传入两个参数，第一个参数对应resolve的回调，第二个对应reject的回调。