异步 callback vs promise vs async/await

Posted kellychen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了异步 callback vs promise vs async/await相关的知识,希望对你有一定的参考价值。

1. callback

var fn1=function(){console.log("func1")}

var fn2=function(fn){
setTimeout(function(){
console.log("func2")
fn()      //不能写fn,这只是函数名,要写fn()才是触发
},500)
}
var fn3=function(){console.log("func3")}

//函数名作为参数传入fn2

fn1()
fn2(fn3)      //将函数名传进去

2. promise 

https://developer.mozilla.org/zh-CN/docs/Web/javascript/Reference/Global_Objects/Promise

技术分享图片

 技术分享图片

技术分享图片

 

var fn1=function(){console.log("func1")}

var fn2=function(){
return new Promise((resolve,reject)=>{
setTimeout(function(){
console.log("func2")
resolve()    
},500)
})
}
var fn3=function(){console.log("func3")}

//用then来管理先后次序
fn1()
fn2().then(()=>{fn3()})

 3. async/await

 用一个函数来安排次序,async/await出现在一个函数里

var fn1=function(){console.log("func1")}

var fn2= function(){
return new Promise((resolve,reject)=>{
setTimeout(function(){
console.log("func2")
resolve()
},500)
})
}
var fn3=function(){console.log("func3")}

async function execFunc(){
fn1()
await fn2()
fn3()
}
execFunc()































以上是关于异步 callback vs promise vs async/await的主要内容,如果未能解决你的问题,请参考以下文章

node.js 模块:Async vs Fibers.promise vs Q_oper8

异步每个 vs forEach js

将已经存在的异步请求callback转换为同步promise

#打卡不停更#三方库移植之NAPI开发[4]异步调用:Callback&Promise

解决异步问题,教你如何写出优雅的promise和async/await,告别callback回调地狱!

js callback promise async await 几种异步函数处理方式