关于javascript:浏览器工作原理与实践四

音讯队列：单行道->先进先出。又被称为宏工作，执行宏工作的时候，如果DOM有变动，将变动提交到工作中。当宏工作执行完再执行微工作。优先级问题。
音讯队列和事件循环相似于观察者公布订阅模式，事件循环(单线程运行过程中能接管并执行新工作)是按程序执行音讯队列中工作的。for
主线程——>音讯队列。主线程——>音讯队列——>音讯队列中微工作。
音讯队列中工作：解析DOM事件、从新布局事件、垃圾回收工作、IO工作、点击事件。
定时器须要在指定距离能力调用回调函数。不能间接增加到音讯队列，只能放在提早队列。
音讯队列执行完会执行提早队列，嵌套调用最短时间为
setTimeout是将提早工作增加到提早队列中，XMLHttpRequest发动申请是由浏览器的网络过程去执行，再将后果利用IPC形式通过渲染过程再增加到音讯队列。
页面中大部分工作都是在主线程执行的：

渲染事件（解析DOM、计算布局、绘制）
用户交互事件（鼠标点击、滚动页面、放大放大等）
JS脚本执行事件
网络申请实现，文件读写实现事件
渲染过程外部会有多个音讯队列，比方提早和一般的音讯队列。而后主线程采纳for循环，一直从这些工作队列中取出工作并执行工作。音讯队列中的工作叫宏工作，音讯队列中的工作是通过事件循环来执行的。setTimeout的函数触发也都在宏工作。为了执行工夫精度的管制，Promise执行放到微工作，以后执行完执行微工作而后再执行宏工作，所以比setTimout快。
微工作中的微工作，在微工作执行之后，继续执行微工作。
在以后宏工作中的JS快执行实现时，JS引擎筹备退出全局执行上下文，并清空调用栈时，JS引擎会查看全局执行上下文的微工作队列，而后程序执行微工作。微工作是V8引擎在创立全局执行上下文时创立的队列，当有微工作时再寄存进去。
监听DOM,MutationObserver将响应函数改成异步，等屡次DOM变动后，合成一次触发异步调用，微工作告诉变动，异步+微工作。
Promise的呈现是扭转回调的编码格调，但它excutor和then外面用的还是回调函数。
模仿Promise:

function Bromise(executor){    var onResolve=null;    var onReject=null;    this.then=function(onResolve,onReject){        onResolve=onResolve;          }    funtion resolve(value){        setTimeout(()=>{onResolve(value)},0)    }    executor(resolve,null)}调用：function executor(resolve,reject){    resolve(100)};let demo=new Bromise(executor);function onResolve(value){    console.log(value)}demo.then(onResolve);

Promise通过回调函数提早绑定，回调函数返回值穿透和谬误冒泡技术解决了多层嵌套和谬误捕捉。

Generator

生成器Generator函数是一个带星号的函数，能够暂停执行和复原执行的。
协程是比线程更加轻量级的存在，一个线程上能够存在多个协程，但同期只能执行一个协程，如果从A协程启动B协程，A就是B的父协程，协程由用户管制执行。

function* genDemo(){    console.log('执行第一段');    yield 'generator1';    console.log('执行第二段');    yield 'generator2';    console.log('执行完结');    return 'generator3'}console.log('main0');let gen=genDemo();console.log(gen.next().value);console.log('main1');console.log(gen.next().value);console.log('main2');console.log(gen.next().value);console.log('main3');

输入后果全局和genDemo交替执行，生成器个性能够暂停，复原执行。

生成器外部执行一段代码，遇到yield，JS引擎返回前面的内容给内部，并暂停
内部函数能够通过next复原函数执行。(1)通过调用genDemo创立一个协程gen，创立后gen协程没有立刻执行。(2)让gen协程执行，要通过调用gen.next()。(3)当协程正在执行的时候，通过yield来暂停gen协程的执行，并返回次要信息给父协程。(4)协程执行期，遇到return，JS引擎会完结以后协程，将return前面的内容返回给父协程。
async
async/await:应用了同步的形式写异步代码
```
async function foo() { console.log(1) let a=await 100; console.log(a); console.log(2)}console.log(0)foo();console.log(3)
```
执行console.log(0)打印0
执行foo，因为被async标记过，JS引擎会保留以后调用栈，执行console.log(1)
执行await 100，JS会创立一个promise，let promise=new Promise(resolve,reject){resolve(100)}，JS引擎将工作提交给微工作队列promise。
JS引擎暂停以后协程执行，将主线程控制权交给父协程，同时将promise对象返回给父协程
主线程控制权给过父协程，父协程要调promise.then来监控promise状态的扭转
接下来持续父协程流程执行，执行console.log(3)，父协程执行完结，完结之前进入微工作查看，执行微工作，resolve(100)，resolve回调函数被激活后，将主线程控制权交给foo函数的协程，将value值传给该协程
foo协程激活后，把value值给a，而后foo协程继续执行console.log(a),console.log(2)

Generator

async