Почему я получаю Promise {<pending>} при использовании fetch в Promise.all?

Question

Это прекрасно работает:

....
.then(() => fetch(link, { headers: {"Content-Type": "application/json; charset=utf-8"} }))
  .then( res =>  res.json())
  .then((response)=>{
    console.log(util.inspect(response, {showHidden: true, depth: null, colors: true}));
  })

Но когда я пытаюсь объединить выборку с другим обещанием:

let dbconnect = require('mongodb').MongoClient.connect("mongodb://localhost:27017/mydb", { useNewUrlParser: true } ),
    call = fetch(link, { headers: {"Content-Type": "application/json; charset=utf-8"} });


Promise.all( [dbconnect, call] )
  .then( res => [res[0], res[1].json()])
  .then( res => {
    database = res[0];
    sales = res[1];
    console.log(util.inspect(res[1], {showHidden: true, depth: null, colors: true}));
  })

Я получаю Promise { <pending> } в качестве вывода, кажется, что Promise.all запускается до того, как call() завершится

Answer 1

Вы должны использовать .then() на res[1].json(), потому что он просто возвращает обещание, и вы нигде не ожидаете этого обещания.

Я бы сказал, что вы измените это на:

let call = fetch(link, { headers: {"Content-Type": "application/json; charset=utf-8"} })
    .then(response => response.json());

Тогда ваша переменная call уже сделала вызов .json(), и Promise.all() будет ждать вас.

---

let dbconnect = require('mongodb').MongoClient.connect("mongodb://localhost:27017/mydb", { useNewUrlParser: true } ),
    call = fetch(link, { headers: {"Content-Type": "application/json; charset=utf-8"} })
              .then(response => response.json());

Promise.all( [dbconnect, call] ).then( res => {
    console.log(res[0]);
    console.log(res[1]);
});