JS Promises - способ сделать это обещание более эффективным?

Question

Рассмотрим этот кусок кода:

WordPress.getMediaById(res.data.featured_media) 
.then(function (res) { 
    post.featuredMedia = res.data.source_url; 

    WordPress.getUserById(post.authorId) 
    .then(function (res) { 
     post.authorName = res.data.name; 

     $scope.post = { 
     title: post.title, 
     introAsHtml: post.introAsHtml, 
     authorName: post.authorName, 
     contentAsHtml: post.contentAsHtml, 
     featured_media: post.featuredMedia 
     }; 
    }); 
}); 

Есть ли способ, чтобы сделать его более эффективным с точки зрения вложенности? В будущем я захочу добавить в него еще много обещаемых функций, и я не уверен, что это правильный путь, иначе как он действительно отличается от обратных вызовов ...

С уважением.

Answer 1

Если запрос второго асинхронной не не зависит от результата первого звонка я определенно не собирал обещаний.

С помощью углового-х $q, вы можете так это:

$q.all([ 
    WordPress.getMediaById(mediaId), 
    WordPress.getUserById(userId)]) 
.then(response => { 
    post.featuredMedia = response[0].data.source_url; 
    post.authorName = response[1].data.name; 
    $scope.post = { 
    title: post.title, 
    introAsHtml: post.introAsHtml, 
    authorName: post.authorName, 
    contentAsHtml: post.contentAsHtml, 
    featured_media: post.featuredMedia 
    }; 
}); 

Answer 2

Вы можете уменьшить вложенность так:

WordPress.getMediaById(res.data.featured_media) 
.then(function (res) { 
    //res.data is media 
    post.featuredMedia = res.data.source_url; 

    return WordPress.getUserById(post.authorId); 
}).then(function (res) { 
    //res.data is user 
    post.authorName = res.data.name; 

    $scope.post = { 
    title: post.title, 
    introAsHtml: post.introAsHtml, 
    authorName: post.authorName, 
    contentAsHtml: post.contentAsHtml, 
    featured_media: post.featuredMedia 
    }; 
}); 

Для получения дополнительной информации и четкое разъяснение обещаний, прочитать this блог Нолан Lawson