js(ES6中) sync & await 理解

本文通过一个示例探讨了JavaScript ES6中的async函数和await关键字的工作原理,揭示了它们如何解决异步编程中的回调地狱问题,并介绍了Promise和async/await的关系。同时,文章还提出了学习异步编程的重要性,特别是对于前端开发者在小程序开发中的应用。
摘要由CSDN通过智能技术生成
async function fun(){
    console.log("2");
    let a = await 7;
    console.log("4");
    let b = await new Promise((resolve,reject)=>{
        setTimeout(function(){
            resolve('setTimeout')
        },3000)
    })
    console.log("5");
    let c = await function(){
        return 'function'
    }()
    console.log("6")
    console.log(a,b,c)
    console.log("8")
}
console.log("1")
fun(); // 3秒后输出: 7 "setTimeout" "function"
console.log("3")

运行结果:
1
2
3
4
出现:undefined的变量,指b
---3----
5
6
7 'setTimeout' 'function'
8

由此可见 js(ES6标准)中async与await的运行顺序

先在此mark,改天借本书,多研究研究,详细阐述其原理(单线程,js运行栈,浏览器API,轮询机制,
由 io延迟–> 同步异步需求–>异步的几种实现方式: 回调函数 --回调地狱问题引出–>promise,then —>async+await,js异步的最终解决方案)
最近先把小程序开发完!

思维启发:
几分钟搞明白Promise, Async, Await的用法

async/await 的理解和用法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值