前言:js中的异步和单线程是不冲突的,在浏览器渲染代码过程中,会从上到下依次执行,如果遇到需要等待的事件,ajax或者img的加载会提到js的处理线程中,等callback函数在执行,我们先看下面的代码。
console.log(1);
setTimeout(function () {
console.log(2)
},0);
console.log(3);
setTimeout(function () {
console.log(4);
},1000);
你觉得上面代码执行顺序是什么呢?思考中…
js在执行上面代码过程中,从上到下依次执行,到第2行发现需要处理延迟函数,那么就先放入执行队列中,然后再继续向下走,执行到第6行,ok,又发现了一个,在放入队列中,so,揭晓答案的时刻,132,然后延时1秒打印4。有这个例子我们就可以很容易理解了。
同步和异步又有什么区别呢?同步会阻塞代码执行,一般情况下,ajax或者img等都会用到异步,可以理解为延迟触发的,比如用户的点击,需要等用户点击后才会触发函数等。