Promise,中文名为承诺,承诺在哪里呢,承诺在,一旦他的状态改变,就不会在改过来,这里介绍基本应用:
成功状态:
function requestData () {
//模拟请求
return new Promise((resolve,reject) =>{
setTimeout(() =>{
resolve('大鱼')
},1000)
})
}
requestData().then(res =>{
console.log(res);//一秒后输出‘大鱼’
},err =>{
console.log(err)
})
失败状态
function requestData () {
//模拟请求
return new Promise((resolve,reject) =>{
setTimeout(() =>{
reject('出错了')
},1000)
})
}
requestData().then(res =>{
console.log(res)
},err =>{
console.log(err) ;//一秒后输出‘出错了’
})
all方法
1,接收一个Promise数组,数组中如果有非Promise项,则此项当作成功
2,如果所有Promise都成功,则返回成功结果数组
3,如果有一个Promise失败,则返回失败的结果
//如果全都是成功
function fn(time) {
return new Promise((resolve,reject) =>{
setTimeout(() =>{
resole(`${time}毫秒后我成功了`)
},time)
})
}
Promise.all([fn(2000),fn(3000),fn(1000)].then(res) =>{
//3秒后输出['2000毫秒后我成功了',‘3000毫秒后我成功了’,'1000毫秒后我成功了']
console.log(res)
},err =>{
console.log(err)
})
//如果有一个失败
function fn(time,isResolve) {
return new Promise(resolve,reject) => {
setTimeout(() => {
isResolve ? resolve(`${time}毫秒后我成功了`):reject(`${time}毫秒后我失败了`)
},time)
}
}
Promise.all([fn(2000,true),fn(1000,true),fn(1000,true)]).then(res => {
console.log(res)
},err => {
console.log(err) //1秒后输出‘3000毫秒后我失败了’
})
race方法
1,接受一个promise数组,数组中如果有非Promise项,则此项当做成功
2,哪个Promise最快得到结果,就返回那个结果,无论成功还是失败
function fn (time,isResolve) {
return new Promise((resolve,reject) =>{
setTimeout(() =>{
isResolve ? resolve(`${time}毫秒后我成功了`):reject(`${time}毫秒后我失败了`)
})
},time)
}
Promise.race([fn(2000,true),fn(3000),fn(1000)]).then(res =>{
console.log(res)
},err =>{
console.log(err)//1秒后输出我失败了
})