了解异步函数/承诺

Question

我对“async”关键字对 Javascript 中的 function 的实际作用感到有些困惑。 以前，我认为它使 function 异步且非阻塞（可能在单独的工作线程上执行它，或者至少将它排入事件队列，这将延迟它的调用，直到调用堆栈上的所有内容都完成）。 但是，根据我运行的简单测试，似乎两者都不是。

async function asyncFunction() {
    for(let i = 0; i < 10000; i++)
    {
        console.log("i = ", i);
    }
}

function normalFunction() {
    console.log("I'm a normie!")
}

asyncFunction();
normalFunction();

/*
OUTPUT
i = 1
i = 2
i = 3
i = ...
i = 9999
I'm a normie!
*/

所以我基于这个 output 的第一个问题是： 1. async 关键字在等待上下文之外还能做什么？

此外，我认为这很有趣，所以我想我会用一些承诺来搞砸，看看我的理解是否在那里也不正确，结果证明是......

const myPromise = new Promise((resolve, reject) => {
    console.log("Hello from inside executor function");
    resolve("beep bop");
})

myPromise.then((resolveValue => {
    console.log("resolveValue: ", resolveValue);
}))

console.log("Wasup");

/*
OUTPUT
Hello from inside executor function
Wasup
resolveValue: beep bop
*/

在此测试之前，我错误地假设承诺立即通过setTimeout(executor, 0)调用调用执行程序 function 以延迟（将其推送到事件队列），以便在调用之前附加正确的绑定。 . 我假设这是因为我读过的一篇文章建议以下内容是如何在幕后实现 Promise 的......

//Keep in mind the following is heavily oversimplified, non-chainable, and only accepts a resolve callback
class Promise 
{
    constructor(executorFunc) {
        this.myResolve = () => {};
        setTimeout(() => executorFunc(this.myResolve), 0);
    }

    then(newResolve){
        this.myResolve = newResolve;
    }
}

但是来自第二个 promise 测试的 OUTPUT 显示执行器 function 实际上立即运行，并且只有附加的回调 via.then 被放置在等待完成的事件队列中等待当前调用堆栈。 所以我的第二个问题是2。如何更改过于简化的 promise class 的实现，以便执行器函数的主要逻辑立即运行并且只有回调被放在事件队列中？

改变就这么简单吗

setTimeout(() => executorFunc(this.myResolve), 0);

至

executorFunc((data) => setTimeout(this.myResolve(data), 0));

非常感谢任何帮助。 谢谢！