65

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

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

输出：

first
second

这行得通，但这是最佳做法吗？

4

3 回答 3

90

setTimeout(function(){...}, 0)一旦当前调用堆栈完成执行，只需将代码排队即可运行。这对某些事情很有用。

所以是的，它是异步的，因为它破坏了同步流程，但它实际上不会同时/在单独的线程上执行。如果您的目标是后台处理，请查看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：所有后台/并发代码异步发生，但并非所有异步代码都同时发生。

另请参阅：用 Layman 的术语理解异步代码

于 2013-10-28T03:35:10.167 回答
2

默认情况下，JavaScript 在遇到异步函数时是异步的，它会将该函数排队以备后用。但是如果你想要一个暂停js，你可以使用promises 案例1：输出你好（不会等待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();
于 2019-01-18T15:55:09.833 回答
1 
var foo = 'poo';
setTimeout(function() {foo = 'bar'}, 100);
alert(foo);

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

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

于 2015-11-26T09:09:05.673 回答