Promise的使用
1.promise对象
Promise是个对象,在对象构造中传入回调,回调有两个参数一个resolve一个reject,resolve表示完成,reject表示拒绝.在回调执行完毕后,通过promise实例对象的then方法可以获取到成功或者失败回调的数据.
let p = new Promise ((resolve,reject)=>{
let number = Math.random()
console.log(number)
setTimeout(()=>{
number>0.5?resolve('成功了'):reject('失败了')
},1000)
})
p.then(resolve=>{
console.log(resolve)
},reject=>{
console.log(rejetc)
})
2.promise中的then方法
promise中的then方法,就是异步消息处理完之后调用的方法。
function write(){
let p = new Promise((resolve,reject)=>{
setTimeout(()=>{
console.log('写作业')
resolve('写好的作业')
},1000)
})
return p;
}
function submit(data){
let p = new Promise((resolve,reject)=>{
setTimeout(()=>{
console.log(data)
console.log('交作业')
resolve('上交的作业')
},1000)
})
return p;
}
function correct(data){
let p = new Promise((resolve,reject)=>{
setTimeout(()=>{
console.log(data)
console.log('批改作业')
resolve('80分')
},1000)
})
return p;
}
write().then(submit).then(correct).then(data=>{
console.log(data)
})
在promise中then如果接收的是promise对象,那么then方法会返回一个全新的promise对象。因此promise的then方法可以链式编程.如果then方法接收的是方法,那么第一个方法为resolve的回调,第二个方法为reject的回调。
3.catch方法
catch方法和reject方法没什么区别,catch的回调参数可以reject的值,但是catch与reject的不同是,catch是用来处理异常的,reject是用来抛出异常.catch可以监听到then方法回调后的异常,而reject只能抛出请求异常
function event(){
let p = new Promise((resolve,reject)=>{
resolve("请求成功")
})
return p
}
event().then(suc=>{
throw new Error("error")
}).catch(error=>{
console.log(error)
})
4.all方法
Promise.all()方法参数为promise实例数组,返回对象也是promise,只有数组内的promise实例对象全部返回的resolve时才触发then方法中的resolve回调,返回值为成功resovle数据.否则出发reject回调,返回值为第一个触发的reject值.
function requst1(){
let p = new Promise((resolve,reject)=>{
resolve("请求1成功")
})
return p
}
function requst2(){
let p = new Promise((resolve,reject)=>{
resolve("请求2成功")
})
return p
}
function requst3(){
let p = new Promise((resolve,reject)=>{
resolve("请求3成功")
})
return p
}
Promise.all([requst1(),requst2(),requst3()]).then(resolve=>{
console.log(resolve)
},reject=>{
console.log(reject)
})
5.race方法
race方法的用途和名字一样,就是哪个请求最快响应,便先使用哪个请求.
function tortoise(){
let p = new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('我是乌龟,我先到了终点')
},3000)
})
return p
}
function rabbit(){
let p = new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('我是兔子,我先到了终点')
},1000)
})
return p
}
Promise.race([tortoise(),rabbit()]).then(data=>{
console.log('谁赢了')
console.log(data)
})
6.Promise.resolve()和Promise.reject()
Promise.resolve和Promise.reject()表示直接返回一个成功的promise对象和失败的promise对象
let p1 = Promise.resolve("成功的promise")
let p2 = Promise.reject("失败的promise")
p1.then(resolve=>{
console.log(resolve)
})
p2.catch(msg=>{
console.log(msg)
})
7.promise的注意
在then方法的调用过程中.then接收的一个要是一个return的promise对象.
new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('1')
},1000)
}).then(new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('2')
},1000)
})).then(new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('3')
},1000)
})).then(data=>{
console.log(data)//1
})
虽然then中传递的promise对象,但是没有return.此时的then对应的链条断开,都变成异步没有关联的网络请求.最后的then(data=>{console.log(1)})只是相对于第一个promise对象,所以输出的是1.
8.promise处理地狱回调
在我看来promise并没有完全解决地狱回调.会至多产生两层函数嵌套。
myfs.readFile(req.files[0].path).then(resolve => {
myfs.writeFile(filePath, resolve).then(resolve => {
res.send(resolve)
}).catch(error => {
res.send(error)
})
}).catch(error => {
res.send(error)
})
在文件上传的案例中,需要先进行读取文件的异步操作,做读取文件的异步操作中获取文件数据.之后把数据和文件地址传入给写入文件.此时只能用then(resolve,reject)的方式完成，产生了两层函数嵌套。解决这两层函数嵌套就要使用aysnc和await了。