async await函数的解释

最新推荐文章于 2024-05-27 14:31:59 发布

原创最新推荐文章于 2024-05-27 14:31:59 发布 · 121 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端专栏收录该内容

69 篇文章

订阅专栏

这篇博客探讨了使用async函数加载图片的过程，通过示例展示了如何计算加载时间，并输出加载图片所花费的毫秒数。文章着重于理解异步操作在JavaScript中的应用以及性能监控的重要性。

async function getImg(url=''){
    await fetch(url) //加载图片
}

async function fn() {
    const url='https://www.imooc.com/static/img/index/logo2020.png'
    const start=Date.now() //记录当前时间
    await getImg(url) //调动，加载图片
    const ms=Date.now()-start  //计算时间差
    console.log(`加载图片花费了 ${ ms } 毫秒`)
}

async function A(){
    console.log('A 开始')
    await fn()
    console.log('A 结束')
}

A()