2020年前端面试复习必读文章【超百篇文章赠复习导图】，移动开发工程师的发展路线

• 重新认识构造函数、原型和原型链
• JavaScript深入之从原型到原型链
• 最详尽的 JS 原型与原型链终极详解，没有「可能是」。（一）
• 最详尽的 JS 原型与原型链终极详解，没有「可能是」。（二）
• 最详尽的 JS 原型与原型链终极详解，没有「可能是」。（三）
• JavaScript 引擎基础：原型优化
• Prototypes in JavaScript
• JavaScript深入之创建对象的多种方式以及优缺点
• 详解JS原型链与继承
• 从__proto__和prototype来深入理解JS对象和原型链
• 代码复用模式
• JavaScript 中的继承：ES3、ES5 和 ES6

1.4 Promise

• 100 行代码实现 Promises/A+ 规范
• 你好，JavaScript异步编程---- 理解JavaScript异步的美妙
• Promise不会？？看这里！！！史上最通俗易懂的Promise！！！
• 一起学习造轮子（一）：从零开始写一个符合Promises/A+规范的promise
• Promise实现原理（附源码）
• 当 async/await 遇上 forEach
• Promise 必知必会（十道题）
• BAT前端经典面试问题：史上最最最详细的手写Promise教程

async function async1() {
console.log(‘async1 start’);
await async2();
console.log(‘async1 end’);
}

// 相当于
async function async1() {
console.log(‘async1 start’);
Promise.resolve(async2()).then(() => {
console.log(‘async1 end’);
})
}
复制代码

1.5 深浅拷贝

• JavaScript基础心法——深浅拷贝
• 深拷贝的终极探索（90%的人都不知道）
• JavaScript专题之深浅拷贝
• javaScript中浅拷贝和深拷贝的实现
• 深入剖析 JavaScript 的深复制
• 「JavaScript」带你彻底搞清楚深拷贝、浅拷贝和循环引用
• 面试题之如何实现一个深拷贝

1.6 事件机制/Event Loop

• Tasks, microtasks, queues and schedules
• How JavaScript works
• 从event loop规范探究javaScript异步及浏览器更新渲染时机
• 这一次，彻底弄懂 JavaScript 执行机制
• 【THE LAST TIME】彻底吃透 JavaScript 执行机制
• 一次弄懂Event Loop（彻底解决此类面试问题）
• 浏览器与Node的事件循环(Event Loop)有何区别?
• 深入理解 JavaScript Event Loop
• The Node.js Event Loop, Timers, and process.nextTick()

这个知识点真的是重在理解，一定要理解彻底

for (const macroTask of macroTaskQueue) {
handleMacroTask();

for (const microTask of microTaskQueue) {
handleMicroTask(microTask);
}
}
复制代码

1.7 函数式编程

• 函数式编程指北
• JavaScript专题之函数柯里化
• Understanding Functional Programming in Javascript
• What is Functional Programming?
• 简明 JavaScript 函数式编程——入门篇
• You Should Learn Functional Programming
• JavaScript 函数式编程到底是个啥
• JavaScript-函数式编程

1.8 Service Worker / PWA

• Service Worker：简介
• JavaScript 是如何工作的：Service Worker 的生命周期及使用场景
• 借助Service Worker和cacheStorage