javascript - 如何在使用承诺和箭头函数发送响应之前等待异步数据？

Question

我是 ES6 的新手，箭头函数和承诺，我不知道如何使用它们，甚至更糟。

我使用 REST 生成器 ( https://github.com/diegohaz/rest )启动了一个项目，它工作正常，但我需要修改部分身份验证。

我需要在身份验证期间从第三方服务器返回数据。我创建了使用 axios 正确返回数据的函数，但是我无法将此信息与其他信息（来自此项目）一起返回，之前已发送响应。

下面是生成的代码，几乎不可触碰，我刚刚加了extraData: user.getExtraData(user)

// function in auth controller file
export const login = ({ user }, res, next) => {
  sign(user.id)
    .then((token) => ({
      token, user: user.view(true), extraData: user.getExtraData(user)
    }))
    .then(success(res, 201))
    .catch(next)
}

// function in user model file
view (full) {
    let view = {}
    let fields = ['id', 'name', 'picture']
    if (full) {
      fields = [...fields, 'email', 'createdAt']
    }
    fields.forEach((field) => { 
      view[field] = this[field] 
    })     
    return view
}

这是我添加到用户模型中的功能

getExtraData (userView) {
    axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
    axios.post( userView.host, querystring.stringify( {
      data1:userView.data1,
      data2:userView.data2
    }))
      .then((response) => {
        return response.data
      })
      .catch((error) => {
        console.log('Error', error)
        return null        
      })
}

做出响应的最佳方法是如何等到使用给定代码从 getExtraData 函数返回 extraData ？谢谢

标签： javascriptnode.jsasynchronouspromisearrow-functions

Answer 1

您可以使用async/await。在这种情况下，您需要await为getExtraData. 因此，内部的匿名函数login和getExtraData两者都需要声明为异步函数：

// function in auth controller file
export const login = ({ user }, res, next) => {
    sign(user.id)
    .then(async (token) => ({
        token, 
        user: user.view(true), 
        // Wait for getExtraData to finish using await
        extraData: await user.getExtraData(user)
    }))
    .then(success(res, 201))
    .catch(next)
}

async getExtraData (userView) {
    axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

    try {
        const response = await axios.post( userView.host, querystring.stringify( {
            data1:userView.data1,
            data2:userView.data2
        }))

        return response.data
    }
    catch (err){
        return null
    }
}