Javascript - 在承诺中使用 setTimeOut() 进行“后台处理”[重复]

Question

我正在学习承诺。我尝试使用setTimeOut(function(){}, 0) 进行后台处理。在搜索之后，我发现这一切都会打破同步流程。在其他代码运行之前它不会运行。

下面的帖子说 setTimeOut(function, 0) 函数将同步运行。但是，如果我在承诺中使用它，我发现情况并非如此。文章写道：“setTimeout(function(){...}, 0) 只是将代码排入队列，以便在当前调用堆栈完成执行后运行。这对某些事情很有用。”。但是，如果写在 Promise 中，代码将在后台运行，而 javascript 执行其余代码。

Is setTimeout a good solution to do async functions with javascript?

如果我在函数setTimeOut(function(){somecode..}, 0) 中使用一些代码，在一个承诺中，它会作为后台进程运行吗？我这样做是为了测试它。

如果我点击正文，我们会检查 testPromise 是否已解决。如果有，请附加 msge “Msge that come after”。页面加载后，消息“之前的消息”就会显示出来。如果我刷新页面并单击正文，很快，单击和页面上出现 msge 之间会有延迟。这一定是因为 for 循环，它们还没有完成。当我刷新后快速单击页面时。但是，如果我刷新页面并等待一段时间单击，msge 就会出现。这一定是因为 for 循环在后台运行……仪式？我认为没有实际理由这样做，目前还没有。我只是想了解正在发生的事情。谢谢！ Promise 是否只是为了更好地组织异步函数？

let $body = $('body');
$body.prepend('<p>first</p>');

let testPromise = new Promise(function (resolve, reject) {
    setTimeout(function () {
        let testArray = [];
        let testArray2 = [];
        for (i = 0; i <= 99999999; i++) testArray.push(5);
        for (j = 0; j <= 99999999; j++) testArray2.push(5);
        resolve();
    }, 0);
});

$body.on('click', function () {
    testPromise.then(function () {
        $body.append('<p>Msge that comes After</p>');
    });
});

$body.append('<p>Msge that comes Before</p>');

Answer 1

您链接的帖子中已经回答了您的问题：

setTimeout(function(){...}, 0) 只是在当前调用堆栈完成执行后将代码排队运行。这对某些事情很有用。

所以是的，它是异步的，因为它打破了同步流程，但它实际上不会同时/在单独的线程上执行。如果您的目标是后台处理，请查看 webworkers。还有一种方法可以使用 iframe 进行后台处理。

TLDR：所有后台/并发代码异步发生，但并非所有异步代码都同时发生。

promise 只是一种避免回调地狱的机制。 （见here）。