浏览器是多进程
浏览器是多进程的，一个tab页面一个进程，一个进程内包含多个线程。【不懂线程可以看计算机原理，进程，线程，协程，在cpu寄存器，内存，硬盘上的操作原理就行】
浏览器内核包含有多种线程，我举例说下：
GUI渲染线程，js引擎线程，http线程，事件触发线程，定时器线程。
gui渲染引擎和js引擎线程是互斥的，意思是说同时只能一个运行。
JavaScript事件循环机制
浏览器与node的事件机制不同，浏览器 Event Loop 是 HTML 中定义的规范，Node Event Loop 是由 libuv 库实现。
浏览器的事件循环机制：
执行栈与任务队列，
执行栈是一种数据结构，先进先出，函数被调用，会被添加到栈的顶部，执行完后会被从栈顶移除，直到栈内被清空。【简而言之，js里面的从上而下的运行函数，除settimeout，promise，等异步的函数】
任务队列是由于解析器内核决定的，由于浏览器需要更新dom，但只能用主线程更新，这点和安卓一样，要更新界面只能主线程，原因是保证页面渲染的一致性。因此，由setTimeout,interval,promise,async,genenrator等异步函数创建的事件会被推到任务队列，直到主线程休闲的时候再来执行，执行完一个之后从任务队列里面清除一个，直到执行完毕。
这里谈一点，基本所有关于页面更新的内核，都是只有主线程更新的。像安卓的，需要postMessage到主线程，主线程拿到信息之后才能更新，构造会报exception。浏览器也是一样。
事件循环的示例图【copy from https://www.cnblogs.com/yqx0605xi/p/9267827.html】
说到任务队列，这里我等说下，宏任务和微任务 macro-mask和micro-mask
按照平时理解，状态只分异步与同步，在js内部，异步还可分为macro-mask和micro-mask。
macro-task包括：script(整体代码), setTimeout, setInterval, setImmediate, I/O, UI rendering。
micro-task包括：process.nextTick, Promises, Object.observe, MutationObserver。
执行顺序：
第一次事件循环中，JavaScript 引擎会把整个 script 代码当成一个宏任务执行，执行完成之后，再检测本次循环中是否寻在微任务，存在的话就依次从微任务的任务队列中读取执行完所有的微任务，再读取宏任务的任务队列中的任务执行，再执行所有的微任务，如此循环。JS 的执行顺序就是每次事件循环中的宏任务-微任务。
经典例子：
参考
https://www.cnblogs.com/yqx0605xi/p/9267827.html
https://www.cnblogs.com/cangqinglang/p/8967268.html
网友评论