JS（19）JS执行机制

1.JS执行机制

1.1.JS是单线程

-- JS语言的一大特点就是单线程，同一个时间只能做一件事。
-- 单线程意味着，所有任务需要排队，前一个任务结束，会执行后一个任务，
如果前一个任务耗时很长，后一个任务就不得不一直等着。
-- 这导致：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。

1.2.同步任务和异步任务

-- 为了解决大拿县城带来的问题，利用多核CPU的计算能力，H5提出Web Worker标准，
允许JS脚本创建多个线程，但是子线程完全受主线程控制，于是JS出现了同步和异步任务。

1.2.1.同步

-- 前一个任务结束，结束后再执行后一个任务，程序的执行顺序与任务的排列顺序是一致的，同步的。
比如做饭的同步做法：烧水煮饭，等水开了（10分钟后），再去切菜，炒菜。

1.2.2.异步

-- 做一个花费时间的事情，在等待的同时，可以处理其他事情，比如做饭的异步做法：在烧水的同时，去切菜，炒菜。

本质区别：流水线上各个流程的执行顺序不同

1.3.JS中所有的任务可以分成两种，一种是同步任务，一种是异步任务。

1.3.1.同步任务指的是：

在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务

1.3.2.异步任务指的是：

不进入主线程，而进入“任务队列”的任务，当主线程中的任务运行完了，才会去从“任务队列”取出异步任务放入主线程执行。

1.3.3.同步任务：

同步任务：都是在主线程上执行，形成一个执行栈。

1.3.4.异步任务：

JS异步任务是通过回调函数实现的
	-- 一般而言，异步任务有以下三种类型：
		1.普通事件，如click，resize等。
		2.资源加载，如load，error等。
		3.定时器，包括setInterval，setTimeout等
	异步任务相关的回调添加到任务队列中（任务队列也称消息队列）

1.4.JS执行机制（事件循环）

1.先执行执行栈中的同步任务。
2.异步任务（回调函数）放入到任务队列中。
3.一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取任务对列中的异步任务，
于是被读取的异步任务结束等待状态，进入执行栈，开始执行。