前端高频面试题及答案汇总

高级前端进阶（id：FrontendGaoji）

作者：木易杨，资深前端工程师，前网易工程师，13K star Daily-Interview-Question 作者

半月刊第三期到来，这段时间 Daily-Interview-Question 新增了 15 道高频面试题，今天就把最近半月汇总的面试题和部分答案发给大家，帮助大家查漏补缺。

更多更全的面试题和答案在下面的项目地址中，点击查看。

项目地址：https://github.com/Advanced-Frontend/Daily-Interview-Question

如果你还没看过半月刊1、2期，点击下面链接查看，直接点击即可。

【半月刊 1】点击查看

【半月刊 2】点击查看

关于微任务和宏任务在浏览器的执行顺序是这样的：

• 执行一个task（宏任务）

• 执行完micro-task队列 （微任务）

如此循环往复下去

浏览器的 task（宏任务）执行顺序在 html#event-loops 里面有讲就不翻译了
常见的 task（宏任务） 比如：setTimeout、setInterval、script（整体代码）、 I/O 操作、UI 渲染等。
常见的 micro-task 比如: new Promise().then(回调)、MutationObserver(html5新特性) 等。

Node的事件循环是libuv实现的，引用一张官网的图：

大体的task（宏任务）执行顺序是这样的：

• timers定时器：本阶段执行已经安排的 setTimeout() 和 setInterval() 的回调函数。

• pending callbacks待定回调：执行延迟到下一个循环迭代的 I/O 回调。

• idle, prepare：仅系统内部使用。

• poll 轮询：检索新的 I/O 事件;执行与 I/O 相关的回调（几乎所有情况下，除了关闭的回调函数，它们由计时器和 setImmediate() 排定的之外），其余情况 node 将在此处阻塞。

• check 检测：setImmediate() 回调函数在这里执行。

• close callbacks 关闭的回调函数：一些准备关闭的回调函数，如：socket.on('close', …)。

微任务和宏任务在Node的执行顺序

Node 10以前：

• 执行完一个阶段的所有任务

• 执行完nextTick队列里面的内容

• 然后执行完微任务队列的内容

Node 11以后：
和浏览器的行为统一了，都是每执行一个宏任务就执行完微任务队列。

未完待续，点击查看更多细节：https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/26

可从IIFE、AMD、CMD、CommonJS、UMD、webpack(require.ensure)、ES Module、