这两天跟同事同事讨论遇到的一个问题,js中的<代码>事件循环> setTimeout 和<代码> 承诺的程序时候执行结果不一样的问题,从而引出了Nodejs的<代码>事件循环机制,记录一下,感觉还是蛮有收获的
铬和节点执行的结果不一样,这就很有意思了。
JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事,那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊。
JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?
所以,为了避免复杂性,从一诞生,JavaScript就是单线程,这已经成了这门语言的核心特征,将来也不会改变。
为了利用多核CPU的计算能力,HTML5提出网络工作者标准,允许JavaScript脚本创建多个线程,但是子线程完全受主线程控制,且不得操作DOM。所以,这个新标准并没有改变JavaScript单线程的本质。
单线程就意味着,所有任务需要排的队,前一个任务结束,才会执行后一个任务。如果前一个任务耗时很长,后一个任务就不得不一直等着。
于是,所有任务可以分成两种,一种是同步任务(同步),另一种是异步任务(异步)。同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务,异步任务指的是,不进入主线程,而进入“任务队列”(任务队列)的任务,只有“任务队列“通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。
具体来说,异步执行的运行机制如下。(同步执行也是如此,因为它可以被视为没有异步任务的异步执行。)
所有同步任务都在主线程上执行,形成一个执行栈(执行上下文堆栈)。主线程之外,还存在一个“任务队列”(任务队列),只要异步任务有了运行结果,就在“任务队列”之中放置一个事件。一旦”执行栈”中的所有同步任务执行完毕,系统就会读取“任务队列”,看看里面有哪些事件。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行。主线程不断重复上面的第三步。
只要主线程空了,就会去读取“任务队列”,这就是JavaScript的运行机制。这个过程会不断重复。
<代码> setTimeout 与<代码> setInterval
定时器功能主要由<代码> setTimeout() 和<代码> setInterval() 这两个函数来完成,它们的内部运行机制完全一样,区别在于前者指定的代码是一次性执行,后者则为反复执行。
<代码> setTimeout (fn, 0) 的含义是,指定某个任务在主线程最早可得的空闲时间执行,也就是说,尽可能早得执行。它在“任务队列”的尾部添加一个事件,因此要等到同步任务和“任务队列”现有的事件都处理完,才会得到执行。
HTML5<代码> 标准规定了<代码> setTimeout()> 4> 10毫秒。另外,对于那些DOM的变动(尤其是涉及页面重新渲染的部分),通常不会立即执行,而是每16毫秒执行一次。这时使用<代码> requestAnimationFrame() 的效果要好于<代码> setTimeout() 。
需要注意的是,setTimeout()只是将事件插入了“任务队列”,必须等到当前代码(执行栈)执行完,主线程才会去执行它指定的回调函数。要是当前代码耗时很长,有可能要等很久,所以并没有办法保证,回调函数一定会在setTimeout()指定的时间执行。
