同步回调函数
let arr = [1,2,3,4,5,6];
arr.forEach(item=>{
console.log(item);
});
console.log('end');
console.log是最后打印的,则成为同步回调
异步回调函数
setTimeout(()=>{
console.log('func');
},0);
console.log('end');
先打印这句end,在打印func。则成为异步回调
setTimeout 0秒,为什么不会立即执行? (转载自 :https://www.jianshu.com/p/fb0dd256c7ae)
首先请在浏览器控制台执行下面的代码进行测试
setTimeout(()=>{
console.log("setTimeout执行了")
},0);
for(var i=0;i<1000000000;i++){
if(i == 999999999){
console.log(i);
}
}
如果您的电脑和我的电脑配置差距不太大的话,就会发现,大约过了三秒后,控制台才显示出 999999999,其次才显示出“setTimeout执行了”。
为什么会出现这样的情况呢?
这就要从js的执行方式说起了, 我们知道js是一种单线程,异步的编程语言。是因为js支持同步和异步两种执行方式,但是异步执行在单线程里的实现方式是作为一个事件对列。
异步执行的运行机制如下 :
(1)所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)。
(2)主线程之外,还存在一个"任务队列"(task queue)。只要异步任务有了运行结果,就在"任务队列"之中放置一个事件。
(3)一旦"执行栈"中的所有同步任务执行完毕,系统就会读取"任务队列",看看里面有哪些事件。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行。
(4)主线程不断重复上面的第三步。
可以知道,只有在同步任务执行完毕之后,任务对列中的异步任务才能进入主线程开始执行。
再来看上面的代码,我故意将循环次数设置成一个较大的数值,是为了能比较明显地感受到for循环(同步任务)的执行时间。
setTimeou中的方法,在for循环结束后才执行,正是 因为执行栈中的同步任务执行完之后,任务对列中的任务才能执行,所以导致 “setTimeout执行了” 在延迟了接近三秒之后才会执行。