promise的原理
promise有俩个值一个是成功另一个是失败。
promise的状态不受外界影响,它有三个状态:
. pending 初始的状态
. resolve 成功时的回调
. rejected 失败时的回调
promise中接受一个函数作为了参数,这俩个函数就是resolve和reject,这俩个就是回调函数。
我们可以改变promise的状态,可以把初始值(pending)修改成resolve成为一个成功的回调,也可以把初始值(pending)修改成rejected失败的回调。
resolve函数的作用:一个异步操作成功之后,才会去调用这个函数,并把这个异步操作的结果,作为参数传递出去。
reject函数的作用:在异步操作失败的时候进行调用,并将异步操作报出错误。
const promise = new Promise((resolve,reject) =>{
if(success){
resolve(value) //成功时执行出结果
}else{
reject(error) //失败时返回error
}
})
promise中的两个方法then()和catch()
then()这个方法就是在异步操作执行完之后去链式调用的方式去执行一个回调函数。
//then的方法
function cool(){
console.log("开始买衣服"); //1
var p = new Promise(function(resolve,reject){ //同步执行
setTimeout(() => {
console.log("买了裤子") //2
resolve("买了鞋子") //此时跳出来 4
}, 1000);
})
return p;
}
function foot(data){ 此时的data是买了鞋子
console.log("开始看鞋子:"+data) //此时的data是买了鞋子 3
var p = new Promise(function(resolve,reject){
setTimeout(() => {
console.log("终于快完了") //5
resolve("买完上衣") //此时跳出来 7
}, 1000);
})
return p;
}
function top(data){
console.log("开始买上衣了:"+data) //6
var p = new Promise(function(resolve,reject){
setTimeout(() => {
console.log("终于买完了") //8
resolve("回家") //9
}, 1000);
})
return p;
}
cool().then(foot).then(top).then(function(data){
console.log(data)
})
//开始买衣服
//买了裤子
//开始看鞋子:买了鞋子
//终于快完了
//开始买上衣了:买完上衣
//终于买完了
//回家