如何将promise和async结合在一起

最近用到了async,所以想把它用到实际开发上,具体async如何实现在官方文档都有说明了,在这里的话,我只会做一些补充说明。
async 是隐式返回一个promise

async function f() {
  return 1;
}

f().then(alert); // 1

当然我们也可以显示返回一个promise,如下:

async function f() {
  return Promise.resolve(1);
}

f().then(alert); // 1

这样async就可以和promise结合起来实现开发上的一些需求了,废话不多说,直接上代码:

  async init() { //渠道初始化
        const that = this
        let initObj = { //渠道初始化参数
            pid: that.urlObj.pid || that.urlObj.bhPid,
            gid: that.urlObj.gid || that.urlObj.bhGid,
            mid: that.urlObj.mid || that.urlObj.bhMid || 100000,
            p_mid: that.urlObj.p_mid || 1,
            os: comTool.getOs(),
            idfa: localStorage.getItem("idfa") || comTool.getIdfa(),
            tm: parseInt(comTool.getTm())
        }
        initObj.sign = comTool.querySort(initObj)
        //请求初始化接口
        let res = await api.channelInit(initObj)
        if (res.code == 200) {
            that.appid = res.data.channel.appId
            return new Promise(resolve => {
                console.log(that.appid)
                comTool.addScript(`xxxxxxxx.js`() => {
                    this._manbah5sdk = new manbah5sdk();
                    resolve(200)
                })
            })
        } else {
            return 400
        }
    }

从上面代码上看,我们先请求初始化接口,返回再加载js文件,初始化接口可以用await,加载js文件可以new promise,所以上面方法可以这样调用:

      init().then(initResult => {
            console.log(initResult)
            if (initResult == 200) {
             //渠道初始化成功
            } else {
                console.log('渠道初始化失败')
            }
        })
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
async和await可以与axios一起使用,以实现更简洁的异步操作。在使用axios发送请求时,可以将其包装在一个async函数中,并使用await关键字等待请求的响应。下面是一个示例代码: ```javascript async function fetchData() { try { const response = await axios.get('https://api.example.com/data'); console.log(response.data); } catch (error) { console.error(error); } } ``` 在上面的代码中,我们定义了一个名为fetchData的async函数,使用await关键字等待axios.get方法返回的Promise对象。当请求成功时,我们可以通过response.data访问响应的数据。如果请求失败,我们可以通过catch块捕获错误并进行处理。 请注意,使用async和await时,函数必须使用async关键字进行修饰,以便在函数内部使用await关键字。同时,使用axios时,需要确保axios库已经被正确引入。 希望这个回答对您有帮助!\[1\] #### 引用[.reference_title] - *1* [async await结合axios使用](https://blog.csdn.net/weixin_40509884/article/details/103672564)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [axios的同步请求及PromiseAsync/Await](https://blog.csdn.net/qq_43345846/article/details/117247999)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值