js的异步实现原理是单线程加事件队列;
我们先来解析什么是单线程与多线程:
举一个例子:单线程是一个人吃一个西瓜,多线程就是多个人吃一个西瓜;那么就可以看出多线程比单线程快很多;
那么js的代码执行也是单线程,因为它的执行顺序是从上往下,一行一行的执行;
我们再来看看事件队列:
我们可以把事件队列认为是一个容器,这个容器中存储了一些函数;只有在js代码全部执行完成之后,才去调用函数,因为js是单线程的,一次只能做一件事情
我们再来举一些例子来解释一下这个事件队列:
<script>
setTimeout(function(){
console.log('定时函数执行了');
},0)
console.log('正常函数执行了');
</script>
这里的定时函数,我们设置的是0秒,意思是延迟0秒执行。
大家是不是都认为在控制台先输出'定时函数执行了',后输出'正常函数执行了';
实际情况怎么样,我们来看输出面板
结果是,正常代码先输出,定时函数后输出
这就验证了,js代码执行是先于事件队列的函数。