微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

让同步函数同步执行,异步函数异步执行,并且让它们具有统一的 API

这里说两种方式,和官网的上的是一样的:

第一种使用: async+ 立即执行函数

    <div>方法一:async ()() 立即执行函数: {{doAsyncData.desc}}</div>

    doAsync () {
      const f = () => {
        return 'my '
      }
      // f()是同步函数的情况
      // (async () => f())();

      // f()是异步函数情况
      (async () => f())()
        .then((res) => {
          this.doAsyncData.desc = res + 'name is mayouchen'
        }).catch((err) => {
          console.log(err)
        })

      console.log('doAsync...next')
    }

第二种使用: 使用promise处理

    <div>方法二:promise的实现:{{doAsyncData.desc2}}</div>
    
    doPromise2 () {
       //(1)使用普通的promise方式
      const f = () => {
        return 'you '
      }
      (() => new Promise(
        resolve => resolve(f())
      ))()
      console.log('doAsync...after')

      // (2)使用Promise.try的方式
      let promise = Promise.try(() => {
        // 调用接口请求
        return 'my name is '
      })
      promise.then((res) => {
        this.doAsyncData.desc2 = `${res} Liming`
      }).catch(err => {
        console.log(err)
      })
    }

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐