饥人谷Wiki

站点工具

用户工具

====== 差别 ======

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
后一修订版 		前一修订版
后一修订版 两侧同时换到之后的修订记录
前端面试重点突破 [2021/12/22 13:09]
若愚 		前端面试重点突破 [2021/12/28 17:37]
若愚
行 1: 行 1:
-# 大厂前端面试重点突破 +- [宏任务与微任务](宏任务与微任务)
- +
-## 系列1: 宏任务微任务 +
-> 考察事件循环、任务队列、和setTimeout、Promise结合，以输出结果顺序的方式来考察 +
- +
-** 范例1 ** +
-来自[面经](https://wiki.jirengu.com/doku.php?id=%E5%89%8D%E7%AB%AF%E9%9D%A2%E7%BB%8F_%E5%AD%97%E8%8A%82%E5%AE%9E%E4%B9%A0) 第5题 +
- +
-```javascript +
-async function async1(){ +
-    console.log('async1 start') +
-    await async2() +
-    console.log('async1 end') +
-} +
-  +
-async function async2(){ +
-    console.log('async2') +
-} +
-  +
-console.log('script start') +
-  +
-setTimeout(function(){ +
-    console.log('setTimeout') +
-},0) +
-  +
-async1() +
-  +
-new Promise(function(reslove){ +
-    console.log('promise1'); +
-    resolve() +
-}).then(function(){ +
-    console.log('promise2') +
-}) +
-  +
-console.log('script end') +
-``` +
- +
-**范例2** +
-来自[面经](https://wiki.jirengu.com/doku.php?id=%E5%89%8D%E7%AB%AF%E9%9D%A2%E7%BB%8F_%E5%AD%97%E8%8A%8218) +
- +
-```javascript +
-const pro = new Promise((resolve, reject) => { +
-const innerpro = new Promise((resolve, reject) => { +
-  setTimeout(() => { +
-    resolve(1); +
-  }, 0); +
-  console.log(2); +
-  resolve(3); +
-}); +
-innerpro.then(res => console.log(res)); +
-resolve(4); +
-console.log("pro"); +
-}) +
-pro.then(res => console.log(res)); +
-console.log("end"); ​ +
-```+
若愚 · 2021/12/28 18:04 · 前端面试重点突破.txt
公众号 | 前端交流群 | 饥人谷版权所有 | 购买课程

页面工具