js 事件循环机制

JS JavaScript事件循环机制

首先要区分进程与线程的区别

        进程

        进程是程序的一次执行过程，是一个动态概念，是程序在执行过程中和管理资源的基本单位，每一个进程都有一个自己的地址空间。

        线程

        线程是CPU调度和分派的基本单位，它可与同属一个进程的其它线程共享进程的所拥有的全部资源。

        进程与线程的关系

　　 进程是线程的一部分，一个线程只能属于一个进程，而一个进程可以有多个线程，但至少一个进程。

　　 进程与线程的区别    　　 

        根本区别：进程是操作系统资源（所谓的资源就是计算机的中央处理器，内存，网络）分配的基本单位，而线程是任务调度和和执行的基本单位

　　 开销方面：每个进程都有独立的代码和数据空间，进程之间切换开销大，线程可以看作轻量级的进程，同一类进程共享代码和数据空间，每个进程都有自己独立的运行栈和程序计数器，线程之间切换开销小。

        所处环境：在操作系统中能同时运行多个线程(程序)，而在同一个进程中有多个线程同时执行(通过cpu调度，在每个时间片中只有一个线程执行)。

1.事件循环机制图

2.javascipt代码执行机制

• 所有同步任务都在主线程上的栈执行。
• 主线程之外，还存在一个任务队列(task queue),只要异步任务有了运行结果，就在任务队列之中放置一个事件。
• 一旦栈中的同步任务执行完毕，系统就会读取任务队列，选择需要首先执行的任务(由浏览器决定，并不按顺序)

3.事件循环(EventLoop)

1. 主线程读取js代码，此时为同步环境形成相应的堆和执行栈。
2. 主线程遇到异步任务，指定给相应的异步线程处理。
3. 异步进程处理完毕(Ajax返回，DOM事件Timer等)，将相应的异步任务推送到任务队列。
4. 主线程执行完毕，查询任务队列，如果存在任务，则取出一个推入主线程处理。
5. 重复执行步骤2，3，4称为事件循环。

4.执行流程

同步环境执行>>异步队列>>重复执行步骤4