[JS进阶]基于业务的promise + async/await的简易demo

最新推荐文章于 2022-08-02 18:13:41 发布

豆子前端

最新推荐文章于 2022-08-02 18:13:41 发布

阅读量86

点赞数

分类专栏：前端文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_41996454/article/details/125744434

版权

前端专栏收录该内容

177 篇文章 11 订阅

订阅专栏

本文通过实例展示了如何在JavaScript中使用Promise和async/await进行网络请求（netRequest），结合页面初始化(init)和业务处理(handler)，实现了简洁高效的代码组织。

摘要由CSDN通过智能技术生成

基于业务的promise + async/await的简易demo

netRequest()是网络请求函数

init()是页面初始化函数

handler()是某个业务函数，例如按钮触发的handle函数。

const netRequest = async () => {
    console.log("netRequest函数")
    const resp = await myAxios()
    console.log(resp)
}


const init = () => {
    console.log("init函数")
}


const myAxios = () => {
    return new Promise(((resolve, reject) => {
        setTimeout(() => {
            resolve("这是data")
        }, 3000)
    }))
}


const handler = () => {
    netRequest().then(
        () => {
            init()
        }
    )
}
 

handler()

// 执行结果
netRequest函数
这是data
init函数