JavaScript运行机制(四)promise与async函数
2021/7/28 17:07:32
本文主要是介绍JavaScript运行机制(四)promise与async函数,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
promise和async函数
promise
let p = new Promise((resolve)=>{ resolve("hello world") }) p.then((data) => { console.log(data) // hello world })
async函数
// async函数的返回值是promise对象 async function fun(){ return 1 } let a = fun() console.log(a) // Promise { 1 } fun().then((data)=>{ console.log(data) // 1 })
await
let p1 = new Promise((resolve) => { resolve(1) }) let p2 = new Promise((resolve) => { resolve(2) }) async function fun(){ let a = await p1 let b = await p2 console.log(a) // 1 console.log(b) // 2 } fun()
async function fun1(){ let data = await fun2() console.log(data) // 相当于then中的代码 } async function fun2(){ console.log(data) // 同步 return 100 } fun1() // 执行顺序是 200 100
例子-执行顺序
console.log(1) async function async1(){ await async2() console.log(2) } async function async2(){ console.log(3) } async1() setTimeout(function () { console.log(4) },0) new Promise((resolve)=>{ console.log(5) resolve() }).then(()=>{ console.log(6) }).then(()=>{ console.log(7) }) console.log(8) // 1358267
- 同步
- process.nextTick
- 微任务(promise.then)
- 宏任务(计时器,ajax,读取文件)
- setImmediate
这篇关于JavaScript运行机制(四)promise与async函数的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-25初学者必备:订单系统资料详解与实操教程
- 2024-12-24内网穿透资料入门教程
- 2024-12-24微服务资料入门指南
- 2024-12-24微信支付系统资料入门教程
- 2024-12-24微信支付资料详解:新手入门指南
- 2024-12-24Hbase资料:新手入门教程
- 2024-12-24Java部署资料
- 2024-12-24Java订单系统资料:新手入门教程
- 2024-12-24Java分布式资料入门教程
- 2024-12-24Java监控系统资料详解与入门教程