Я запутался в том, что new Promise((resolve, reject) => {[loop]}) блокируется, а Promise.resolve().then([loop]) нет

У меня есть три теста, использующие встроенную функцию console.time (beforeBenchmark, тест и afterBenchmark).

Оба кода совершенно идентичны. Однако разница заключается в построении JS Promises API.

Первый содержит цикл в разрешении промиса, а второй содержит цикл в промисе.

Я не уверен, почему третий console.info («после цикла») занимает значительно больше времени, и я разработал его асинхронным. Спасибо за ваше время, чтобы прочитать это.

Обещание решить

перед циклом
доБенчмарк: 0,836 мс
после цикла
послеБенчмарк: 40,987 мс
тест: 41,202 мс

Обещай тогда

перед циклом
доБенчмарк: 1,122 мс
после цикла
послеБенчмарк: 2,872 мс
тест: 43,705 мс

Я просмотрел переполнение стека, но не нашел ответа по этому поводу.

Первый тип обещания

console.time("beforeBenchmark");
console.time("benchmark");
console.time("afterBenchmark");
console.info("before loop");
console.timeEnd("beforeBenchmark");

let i = 0;

let promise = new Promise(( resolve, reject ) =>
{
    while (i < 10000000)
    {

        i++;
    }

    resolve();

}).then(() =>
{    
    console.timeEnd("benchmark")

});

console.info("after loop");
console.timeEnd("afterBenchmark");

Результат

before loop
beforeBenchmark: 0.836ms
after loop
afterBenchmark: 40.987ms
benchmark: 41.202ms

Второй тип обещания

console.time("beforeBenchmark");
console.time("benchmark");
console.time("afterBenchmark");
console.info("before loop");
console.timeEnd("beforeBenchmark");
let i = 0;

let promise = Promise.resolve().then(() =>
{
    while (i < 10000000)
    {
        i++;
    }

    console.timeEnd("benchmark")
});


console.info("after loop");
console.timeEnd("afterBenchmark");

Результат

before loop
beforeBenchmark: 1.122ms
after loop
afterBenchmark: 2.872ms
benchmark: 43.705ms