web前端：关于javascript的事件执行机制理解

作者:小win更新于： 2020-03-05 21:27:06

　　Javascript最初受java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。

　　但JavaScript的主要设计原则源自Self和Scheme。JavaScript与Java名称上的近似，是当时网景为了营销考虑与太阳微系统达成协议的结果。

　　理解javascript事件执行机制

　　众所周知，js是一个单线程的语言，这意味着同一时间只能做一件事，但是我们又说js是异步的。首先，单线程并不是没有优点。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，那最后应该以哪个为准呢？所以，为了避免复杂性，从一诞生，JavaScript就是单线程，这已经成了这门语言的核心特征，将来也不会改变。

　　实际上，主线程只会做一件事情，就是从消息队列里面取消息、执行消息，再取消息、再执行。当消息队列为空时，就会等待直到消息队列变成非空。而且主线程只有在将当前的消息执行完成后，才会去取下一个消息。这种机制就叫做事件循环机制，取一个消息并执行的过程叫做一次循环。就如图所示一样

　　如果说js只有一个主线程，那么它应该有三个辅助的子线程，分别为事件处理线程、http网络请求线程、定时器处理线程。这些线程就是实现js异步的关键，比如主线程内有程序正在运行，这个时候后面有一个定时器在等待，那么主线程肯定不会检测这个定时器的时间是否达到要求的，这样会消耗性能和时间，所以就交给定时器处理线程，当setTimeout的时间达到时，它就会把这个定时器里的函数（其实这就是回调函数了）放到任务队列里，当主线程把执行栈中的任务都执行完以后，执行栈为空了，就会从任务队列里找，执行里面的回调，如此循环往复，这就是时间循环。由于执行任务还是只有一个主线程可以做，所以有时候即使定时器触发的事件已经到了，但是它的回调函数也只能在任务队列中等待，这导致最后函数触发的事件往往比设置的时间长，这也是我们说定时器准确度不高的原因。

　　JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。