js将任务执行分为同步队列和异步队列
同步队列中,会先等待上一个任务执行完毕,再执行下一个任务
异步队列中,所有任务同时执行
定时器,IO操作,网络请求都会进入异步队列,不会等待上一个任务执行完毕,再执行下一个任务,但有些任务需要等待这些任务执行完毕再执行
promise
new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('done')
},2000)
}).then(res=>{
console.log(res)
})
promise对象接收一个函数,并负责该函数执行,函数的两个分别参数为resolve,reject的函数。
如果执行成功,将调用resolve
如果失败,调用reject
Promise.all
Promise.all([new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('done2')
},3000)
}),new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('done1')
},1000)
})]).then((res)=>{
console.log(res)
})
同时执行两个任务,并在两个任务都执行完毕后执行then
Promise.race
Promise.race([new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('done2')
},3000)
}),new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('done1')
},1000)
})]).then(res=>{
console.log(res)
})
同时执行两个任务,then获得任务较快获得结果的并执行
async await
(async ()=>{
let res = await new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('1s')
},1000)
})
console.log(res)
})()
(async ()=>{
let res = await new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('1s')
},1000)
})
console.log(res)
let res2 = await new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve('2s')
},2000)
})
console.log(res2)
})()