Javascriptpromise像回调一样深入嵌套

Question

我正在尝试使用promise与我的异步函数。根据我的理解，promise应该是缓解回调地狱。然而，我的代码似乎仍然嵌套得很深。

我是否遗漏了一些关于promise的东西（是否可以重写以使其更易读/更通俗），或者promise有时就像回调一样嵌套？

在本例中，我正在构建一个函数，该函数调用API从某个社交媒体帐户检索好友列表。如果初始调用由于身份验证错误而失败，我知道我必须首先进行身份验证，然后再次进行调用。

const myRequest = { /* custom instance of 'request-promise' */ }

function getFriendsList() {
  return new Promise((resolve, reject) => {
    myRequest.get('/getFriendList').then(resp => {
      if (needsAuthentication(resp)) {
        myRequest.post('/auth', credentials).then(() => {
          myRequest.get('/getFriendList').then(resp => resolve(resp.body))
        }).catch(err => {
          reject(err)
        })
      } else {
        resolve(resp.body)
      }
    }).catch(err => {
      reject(err)
    })
  })
}

function authenticate() {
  return new Promise((resolve, reject) => {
    getCredentials().then(credentials => {
      myRequest.post('/auth').then(resp => {
        return resp.statusCode == '200' ? resolve(resp) : reject(resp)
      })    
    }).catch(err => reject(err))
  })
}

Answer 1

如果一个promise用一个promise来解决，它本身并不解决，而是等待传递的promise来解决。所以promise链被拉平了。同样的情况也适用于从then链返回promise。这很有用：

function getFriendsList() {
  return myRequest.get('/getFriendList').then(resp => {
    if (needsAuthentication(resp)) {
      return myRequest.post('/auth', credentials).then(() => 
        myRequest.get('/getFriendList').then(resp => resp.body)
      );         
    } else {
      return resp.body;
    }
  });
}

function authenticate() {
  return getCredentials()
    .then(credentials => myRequest.post('/auth'))
    .then(resp => {
      if(resp.statusCode == '200'){
        return resp;
      } else {
        throw resp;
      }
    })    
}