for (var i = 0; i < 5; i++)
{ setTimeout(function() { console.log(i); }, 1000);}
console.log(i);
我相信只要是做过前端笔试题的都见过这样的题目，那么输出的结果是什么呢？
第一种可能的答案：0 1 2 3 4 5 5
第二种可能的答案：5 5 5 5 5 5 5（后面每个5隔一秒输出）
显然第二种结果是正确的，接下来我们分析一下这个题目。首先看一下目前大家都在用的一个口令或者说方法：
同步优先、异步靠边、回调垫底
用公式表达就是：同步 => 异步 => 回调
现在根据这个口令我们来分析一下结果为什么是这个：
1）for循环和循环体外部的console是同步的，所以先执行for循环，再执行外部的console.log。（同步优先）
2）for循环里面有一个setTimeout回调，他是垫底的存在，只能最后执行。（回调垫底）
那么，为什么我们最先输出的是5呢？
这个也是非常好理解，for循环先执行，但是不会给setTimeout传参（回调垫底），等for循环执行完，就会给setTimeout传参，而外部的console打印出5是因为for循环执行完成了。
function foo() {
var a = 3,
b = 2;
return a+b;
}
var c = foo();
console.log(c); //5
function foo(callback) {
你自己的代码;
asyncFn(function() {
var result = 你自己的代码;
callback(result);
});
}
function foo(callback) {
你自己的代码;
setTimeout(function() {
var result = 你自己的代码;
callback(result);
}, 1000);
}
function foo(callback) {
你自己的代码;
setImmediate(function() {
var result = 你自己的代码;
callback(result);
});
}
function foo(callback) {
你自己的代码;
process.nextTick(function() {
var result = 你自己的代码;
callback(result);
});
}
异步函数的调用：
foo(function(data) {
你的代码来使用传回来的data;
});
function bar(data) {
你的代码来使用传回来的data;
}
foo(bar);
function foo(callback) {
你自己的代码;
asyncFn(function() {
var result = 你自己的代码;
callback(result);
});
}
function bar() {
你自己的代码;
asyncFn(function() {
var result = 你自己的代码;
});
return result;
}
var agent = require(‘superagent‘);
agent.get(‘http://www.baidu.com‘)
.end(function(err, res) {
if(err) {
console.log(err);
} else {
console.log(‘http status: ‘ + res.status);
console.log(res.header);
}
});
var fs = require(‘fs‘);
fs.readFile(‘./a.txt‘, function(err1, data1) {
fs.readFile(‘./b.txt‘, function(err2, data2) {
fs.writeFile(‘./ab.txt‘, data1 + data2, function(err) {
console.log(‘read and write done!‘);
});
});
});
function foo(arr, callback) {
for(var i=0; i<arr.length; ++i) {
asyncFn(function() {
你的代码;
})
}
}
原文：https://www.cnblogs.com/asdyzh/p/9802014.html