关于javascript:node和web的EventLoop

javascript为单线程脚本语言，HTML5推出web worker规范，容许创立多个子线程，不过子线程齐全受主线程管制，并且不能够操作DOM。

浏览器 EventLoop 机制

• 所有同步工作都在主线程上执行，造成执行栈
• 主线程之外还有一个工作队列，只有异步工作有了运行后果，就在工作队列中搁置一个事件
• 执行栈中所有同步工作执行实现，零碎就会读取工作队列，看看有哪些工作。那些对应的异步工作完结期待状态进入执行栈，开始执行
• 主线程一直反复以上三个步骤

node EventLoop 机制

• V8引擎解析JavaScript脚本
• 解析后的代码调用node API
• libuv库负责node API执行，他将不同的任务分配给不同的线程，造成一个EventLoop，以异步的形式把执行后果返回给V8引擎
• V8引擎将后果返回给用户

延长-异步工作

异步工作能够分为宏工作与微工作，在工作队列中，先执行微工作，微工作执行完再执行宏工作，每次宏工作执行完，零碎会先看有没有可执行的微工作。

宏工作列表

• I/O
• setTimeout
• setInterval
• requestAnimationFrame（浏览器）
• setImmediate（node）

微工作列表

• promise then/catch/finally
• async/await
• MutationObserver（浏览器）
• process.nextTick（node）

* process.nextTick 为以后执行栈尾部，下一次EventLoop读取工作队列之前触发回调函数
* setImmediate 为当前任务队列的尾部，每次EventLoop读取工作队列时触发回调函数

示例

console.log('start task')

setTimeout(() => {
    console.log('setTimeout1')
    process.nextTick(() => {
        console.log('nextTick in setTimeout')
    })
}, 0)

setImmediate(() => {
    console.log('setImmediate 1')
    setTimeout(() => {
        console.log('setTimeout in setImmediate 1')
    }, 0)
    setImmediate(() => {
        console.log('setImmediate 2')
    })
    setTimeout(() => {
        console.log('setTimeout in setImmediate 2')
    }, 0)
})

process.nextTick(() => {
    console.log('nextTick 1')
    process.nextTick(() => {
        console.log('nextTick 2')
    })
})



new Promise(()=> {
    console.log('promise')
    const chain = Promise.resolve()
    chain.then(() => {
        console.log('chain 1')
    })
    chain.then(() => {
        console.log('chain 2')
    })
})

console.log('end task')

// 执行后果：

// start task
// promise
// end task
// nextTick 1
// nextTick 2
// chain 1
// chain 2
// setTimeout1
// nextTick in setTimeout
// setImmediate 1
// setImmediate 2
// setTimeout in setImmediate 1
// setTimeout in setImmediate 2

/**
 * 提醒！
 * setImmediate 与 setTimeout 执行程序随机，只有setImmediate嵌套时固定先执行setImmediate
 */

参考：http://www.ruanyifeng.com/blo…