setTimeout 是使用 javascript 执行异步函数的好方法吗？

Question

在网上搜索异步函数，我发现很多文章使用 setTimeout 来完成这项工作：

window.setTimeout(function() {
   console.log("second");
}, 0);
console.log("first");

输出：

first
second

这可行，但是否是最佳做法？

Answer 1

setTimeout(function(){...}, 0) 只是在当前调用堆栈完成执行后将要运行的代码排队。这可以是useful for some things。

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

更新：

为了进一步澄清，并发/后台和异步之间存在差异。当代码是异步的时，这仅仅意味着它不是按顺序执行的。考虑：

var foo='poo';
setTimeout(function() {
  foo='bar'
}, 100);
console.log(foo);

值 'poo' 将被警告，因为代码没有按顺序执行。 'bar' 值是异步分配的。如果您需要在异步分配发生时提醒foo 的值，请使用回调：

/* contrived example alert */
var foo = 'poo';

function setFoo(callback) {
  setTimeout(function() {
    foo = 'bar';
    callback();
  }, 100);
};
setFoo(function() {
  console.log(foo);
});

所以是的，上面发生了一些异步性，但是这一切都发生在一个线程中，因此没有性能优势。

当一个操作需要很长时间时，最好在后台进行。在大多数语言中，这是通过在新线程或进程上执行操作来完成的。在（浏览器）javascript 中，我们无法创建新线程，但可以使用 webworkers 或 iframe。由于在后台运行的这段代码破坏了事物的顺序流程，因此它是异步的。

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

另见：Understanding Asynchronous Code in Layman's terms

Answer 2

默认情况下，JavaScript 在遇到异步函数时是异步的，它会将该函数排队以备后用。 但是如果你想要一个暂停 js，你可以使用 Promise 案例1：输出hello（不会等待setTimeout） https://jsfiddle.net/shashankgpt270/h0vr53qy/

//async 
function myFunction() {
let result1='hello'
//promise =new Promise((resolve,reject)=>{
setTimeout(function(){ 
resolve("done");
result1="done1";
}, 3000);
//});
 //result = await promise
 alert(result1);
}
myFunction();

案例 2：输出 done1（将等待 setTimeout） https://jsfiddle.net/shashankgpt270/1o79fudt/

async function myFunction() {
let result1='hello'
promise =new Promise((resolve,reject)=>{
setTimeout(function(){ 
resolve("done");
result1="done1";
}, 3000);
});
 result = await promise
 alert(result1);
}
myFunction();

Answer 3

var foo = 'poo';
setTimeout(function() {foo = 'bar'}, 100);
alert(foo);

对@tybro0103 的回答的一个小修正，在执行 'alert(foo)' 期间，值 'poo' 不会改变，因为代码不是按顺序执行的。 'bar' 值是异步分配的，它将仅在 100 毫秒后执行，到那时警报将被执行。

foo 的值保持不变，在执行 line alert(foo) 期间。并且会在以后更改。检查@vishal-lia 评论。