V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
tangyuan

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

  •  
  •   tangyuan · Jul 25, 2017 · 12320 views
    This topic created in 3206 days ago, the information mentioned may be changed or developed.

    虽然用上了 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 replies    2017-08-02 17:49:16 +08:00
    viko16
        1
    viko16  
       Jul 25, 2017 via Android
    第一种
    xieranmaya
        2
    xieranmaya  
       Jul 25, 2017   ❤️ 1
    写成第一种不如直接写成:
    ```js
    async function func() {
    return await getDataAsyncFromSomeApi()
    }
    func().then()
    ```
    而写成上面的不如直接
    ```js
    getDataAsyncFromSomeApi().then()
    ```
    都是一样的。。。
    xieranmaya
        3
    xieranmaya  
       Jul 25, 2017
    另外我写的第一种里的 await 也可以直接去掉
    xieranmaya
        4
    xieranmaya  
       Jul 26, 2017   ❤️ 1
    你首先得把规则弄清楚啊
    async function 返回的就是一个 promise
    await 后面跟的必须是一个 promise
    剩下的,只要你会 promise,你应该就会了
    portals
        5
    portals  
       Jul 26, 2017
    ```javascript
    async function func() {
    try {
    }
    }
    ```
    portals
        6
    portals  
       Jul 26, 2017
    async function func() {
    try {
    const response = await getDataAsyncFromSomeApi()
    return response
    } catch (error) {
    return error
    }
    }
    这样就分别对应了 Promise.resolve 和 Promise.reject
    AV1
        7
    AV1  
       Jul 26, 2017   ❤️ 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  
       Aug 2, 2017
    @DOLLOR #7 其实不加 async 也是对的。。。。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3239 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 13:38 · PVG 21:38 · LAX 06:38 · JFK 09:38
    ♥ Do have faith in what you're doing.