Promise `then` с функцией, которая не возвращает ничего, против функции, возвращающей другое обещание

Question

Я не могу понять, почему у нас такой странный результат выполнения этого кода.

Почему нет изображения 12121212? И после каждого 1 у нас есть три 2.

Promise.resolve()
.then(() => { console.log(1); return Promise.resolve(); })
.then(() => { console.log(1); return Promise.resolve(); })
.then(() => { console.log(1); return Promise.resolve(); })
.then(() => { console.log(1); return Promise.resolve(); })
.then(() => { console.log(1); return Promise.resolve(); })
.then(() => { console.log(1); return Promise.resolve(); })
.then(() => { console.log(1); return Promise.resolve(); })
.then(() => { console.log(1); return Promise.resolve(); });

Promise.resolve()
.then(() => { console.log(2); })
.then(() => { console.log(2); })
.then(() => { console.log(2); })
.then(() => { console.log(2); })
.then(() => { console.log(2); })
.then(() => { console.log(2); })
.then(() => { console.log(2); })
.then(() => { console.log(2); });

Answer 1

Это потому, что в решении обещания с другим обещанием участвуют несколько тиков.

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