同步和异步回调函数

同步回调函数

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执行了” 在延迟了接近三秒之后才会执行。