Сцепление обещаний с обещанием всех результатов в неожиданном порядке исполнения

Question

Почему следующий код печатает baz, done перед 1, 2, 3?

const bar = () => Promise.resolve([1, 2, 3]);
const cat = e => {
  console.log(e);
  return Promise.resolve(e);
};
const foo = () =>
  bar()
    .then(arr => Promise.all(arr.map(e => cat(e))))
    .then(console.log("baz"));

foo().then(console.log("done"));

Answer 1

Вы выполняете console.log () немедленно, а не передаете его функции обратного вызова в .then (). Это сделает это:

const bar = () => Promise.resolve([1, 2, 3]);

const cat = e => {
  console.log(e);
  return Promise.resolve(e);
};

const foo = () =>
  bar()
    .then(arr => Promise.all(arr.map(e => cat(e))))
    .then(() => console.log("baz"));
    
foo().then(() => console.log("done"));

Answer 2

Возможно, вы забыли встроить console.log в функции стрелок, чтобы их выполнение было правильно отложено:

const bar = () => Promise.resolve([1, 2, 3]);
const cat = e => {
  console.log(e);
  return Promise.resolve(e);
};
const foo = () =>
  bar()
    .then(arr => Promise.all(arr.map(e => cat(e))))
    .then(() => console.log("baz"));

foo().then(() => console.log("done"));