包含for循环的基于Promise的函数不是异步运行的

Question

我有以下代码：

function asyncLoop() {
    return new Promise(function(res, rej) {
        for(let i=0;i<=400000000;i++) {
            if(i===400000000) {console.log("done"); res();}
        }
    });
}

asyncLoop().then(()=>{console.log("then")});
console.log("out");

我得到以下输出：

done
out
then

根据我对Promises的理解，asyncLoop应该是异步运行的，以下应该是输出：

out
done
then

我错过了什么？

Answer 1

你的循环在你传递给new Promise的回调中。 这个函数叫做'executor'：

function executor(resolve, reject)

执行程序由new Promise 同步调用。 执行者的作用是设置任何异步事件，以便有resolve或reject最终调用。

请参阅MDN： Promise构造函数参数

使用解析函数作为其两个参数立即调用此函数。

在执行程序完成之前，构造函数不会返回

Answer 2

你做了一个错误的假设。 Promise并不意味着异步，它们在异步上下文中使用，以便更轻松地处理调用。 要使进程“有点异步”，可以使用setTimeout() 。

function asyncLoop() {
    return new Promise(function(res, rej) {
        setTimeout(function() {
            for(let i=0;i<=400000000;i++) {
                if(i===400000000) {console.log("done"); res();}
            }
        }, 0);
    });
}

asyncLoop().then(()=>{console.log("then")});
console.log("out");

Answer 3

promise只是一个返回值，它附加回调而不是将回调传递给函数，这是一个有几个好处的约定。 有关更多信息，请参阅在MDN上使用promises 。

JavaScript是单线程的，带有事件循环。 .then和setTimeout安排事件。

除非您创建一个worker ，否则所有JavaScript都在浏览器的主线程上运行：

 function asyncLoop() { for (let i = 0; i <= 400000000; i++) { if (i == 400000000) { self.postMessage('done'); } } } var blob = new Blob(["onmessage = " + asyncLoop.toString()], {type: "text/javascript"}); var worker = new Worker(window.URL.createObjectURL(blob)); worker.onmessage = e => console.log(e.data); worker.postMessage("start");