V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
tangyuan
V2EX  ›  JavaScript

async 方法应该 return Promise.resolve 还是直接 return await 的值呢?

  •  
  •   tangyuan · 2017-07-25 22:19:44 +08:00 · 10905 次点击
    这是一个创建于 1643 天前的主题,其中的信息可能已经有所发展或是发生改变。

    虽然用上了 async await,但感觉还是不是特别明白,譬如下面这个例子

    是直接 return await 出来但值呢?

    async function func() {
      const data = await getDataAsyncFromSomeApi()
      return data
    }
    

    还是返回 Promise 呢?

    async function func() {
      const data = await getDataAsyncFromSomeApi()
      return Promise.resolve(data)
    }
    

    又或者

    async function func() {
      const data = await getDataAsyncFromSomeApi()
      return new Promise((resolve, reject) => {
        resolve(data)
      })
    }
    
    8 条回复    2017-08-02 17:49:16 +08:00
    viko16
        1
    viko16  
       2017-07-25 23:02:15 +08:00 via Android
    第一种
    xieranmaya
        2
    xieranmaya  
       2017-07-25 23:06:00 +08:00   ❤️ 1
    写成第一种不如直接写成:
    ```js
    async function func() {
    return await getDataAsyncFromSomeApi()
    }
    func().then()
    ```
    而写成上面的不如直接
    ```js
    getDataAsyncFromSomeApi().then()
    ```
    都是一样的。。。
    xieranmaya
        3
    xieranmaya  
       2017-07-25 23:07:37 +08:00
    另外我写的第一种里的 await 也可以直接去掉
    xieranmaya
        4
    xieranmaya  
       2017-07-26 08:58:58 +08:00   ❤️ 1
    你首先得把规则弄清楚啊
    async function 返回的就是一个 promise
    await 后面跟的必须是一个 promise
    剩下的,只要你会 promise,你应该就会了
    portals
        5
    portals  
       2017-07-26 14:20:51 +08:00
    ```javascript
    async function func() {
    try {
    }
    }
    ```
    portals
        6
    portals  
       2017-07-26 14:22:42 +08:00
    async function func() {
    try {
    const response = await getDataAsyncFromSomeApi()
    return response
    } catch (error) {
    return error
    }
    }
    这样就分别对应了 Promise.resolve 和 Promise.reject
    DOLLOR
        7
    DOLLOR  
       2017-07-26 15:17:37 +08:00   ❤️ 1
    ```
    Promise.resolve(Promise.resolve(Promise.resolve(Promise.resolve('test'))))
    .then(i=>{
    console.log(i==='test');//true
    })
    ```

    明白了么? Promise 无论分装几次,永远都只有一层。也就是无论你用 Promise 包裹了几次,也只需一次 then 就能取出数据。
    所以,在 async 函数里,无论你返回 Promise 还是普通的对象,你在外面调用时,await 得到的都是普通的对象。
    我的意见:
    ```
    async function func() {
    return getDataAsyncFromSomeApi()
    }
    ```
    codehz
        8
    codehz  
       2017-08-02 17:49:16 +08:00
    @DOLLOR #7 其实不加 async 也是对的。。。。
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2114 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 16:06 · PVG 00:06 · LAX 08:06 · JFK 11:06
    ♥ Do have faith in what you're doing.