V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
bwensun
V2EX  ›  问与答

求助求助 :cry:

  •  1
     
  •   bwensun · 2023-01-12 15:48:05 +08:00 · 799 次点击
    这是一个创建于 706 天前的主题,其中的信息可能已经有所发展或是发生改变。
    async function async1(){
       console.log('async1 start');
        await async2();
        console.log('async1 end')
    }
    async function async2(){
        console.log('async2')
    }
    console.log('script start');
    async1();
    console.log('script end')
    

    输出顺序:script start->async1 start->async2->script end->async1 end

    问:为什么'async2'的输出在'script end'的前面,这两个不应该是不确定的关系吗?线程遇到 await 直接进行后面的内容呀

    第 1 条附言  ·  2023-01-13 10:22:28 +08:00
    谢谢大家的回答 学习了
    7 条回复    2023-01-13 10:22:14 +08:00
    murmur
        1
    murmur  
       2023-01-12 16:02:21 +08:00
    这种煞笔问题真的坑死不少人

    我的建议

    ( 1 )如果你是为了开发,就认真按照规范,promise 的写法,老老实实按 async 、await 原理去写规范代码
    ( 2 )如果你搞清楚底层,不要去看任何解释,看了也晕,最靠谱的办法是去 babel 网站,把这个代码翻译到 IE 级别,然后你会看到 generator 的底层实现,把那个代码读一遍就准了
    AoEiuV020CN
        2
    AoEiuV020CN  
       2023-01-12 16:11:22 +08:00
    > 这两个不应该是不确定的关系吗?
    都知道不确定了还纠结什么,当然是怎样都合法的了,
    murmur
        3
    murmur  
       2023-01-12 16:18:35 +08:00
    刚才说的不准确,因为 babel 不帮你处理 Promise 的问题,所以你还得找一下 Promise 的 polyfill ,里面有 setTimeout 0 这样的代码,至少这里可以说明可以脚本先结束然后 async 才结束
    ysc3839
        4
    ysc3839  
       2023-01-12 16:21:00 +08:00 via Android
    JavaScript 没有线程概念,js 的 async function 可以看成是回调函数的语法糖(但你不能假定它一定会按照这种规则来执行),在遇到 await 的时候会拆分成多块,那 async2 中没有 await ,就可以认为和普通函数一致,所以 async2 会先输出。
    ysc3839
        5
    ysc3839  
       2023-01-12 16:23:03 +08:00 via Android
    有能力的话,推荐看看 C++20 coroutine 的原理分析,和 js 的 async function 很类似,都是可以看成回调函数的语法糖。
    eason1874
        6
    eason1874  
       2023-01-12 16:32:20 +08:00
    async/await 只是异步函数的语法糖,不是说你用了它就能把函数变成异步,async1() 立即执行是符合常理的

    这道题考的是为什么 async1() 执行到一半,也就是 await async2() 之后,切到 script end 然后才又回来完成后续的 async1 end

    几年前的题目了,你搜索这段代码就能看到解析。我没理解是为什么,记不住答案 🤣
    bwensun
        7
    bwensun  
    OP
       2023-01-13 10:22:14 +08:00
    谢谢大家 学习了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3095 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 13:46 · PVG 21:46 · LAX 05:46 · JFK 08:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.