【半月刊】前端高頻面試題及答案彙總
前段時間在 GitHub 中建了一個 Daily-Interview-Question 專案，每天提供一道高頻面試題給大家，幫助大家查漏補缺，今天就把最近半月彙總的面試題和部分答案發給大家，希望對大家有所幫助。
歡迎 PR 你認為不錯的面試題，歡迎在專案 Issue 區留下你的答案，共同參與這個專案，由於時間問題，我只提供題目，答案暫由小夥伴們提供。
專案地址是： github.com/Advanced-Fr…
每日面試題
第 1 期：寫 React / Vue 專案時為什麼要在元件中寫 key，其作用是什麼
解析： 第一題：key的作用是為了在diff演算法執行時更快的找到對應的節點，提高diff速度。
第 2 期： ['1', '2', '3'].map(parseInt) what & why ?
解析： 第二題：['1', '2', '3'].map(parseInt) 解析
第 3 期：什麼是防抖和節流？有什麼區別？如何實現？
解析： 第三題：節流和防抖的個人見解
第 4 期：介紹下 Set、Map、WeakSet 和 WeakMap 的區別？
解析： 第四題：Set、Map、WeakSet 和 WeakMap
第 5 期：介紹下深度優先遍歷和廣度優先遍歷，如何實現？
解析： 關於第五題我的一些見解
第 6 期：請分別用深度優先思想和廣度優先思想實現一個拷貝函式？
解析： 第六題 實現深度拷貝
第 7 期：ES5/ES6 的繼承除了寫法以外還有什麼區別？
歡迎在 Issue 區留下你的答案。
第 8 期：setTimeout、Promise、Async/Await 的區別
歡迎在 Issue 區留下你的答案。
第 9 期：Async/Await 如何通過同步的方式實現非同步
歡迎在 Issue 區留下你的答案。
第10期：非同步筆試題
請寫出下面程式碼的執行結果
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(resolve) {
console.log('promise1');
resolve();
}).then(function() {
console.log('promise2');
});
console.log('script end');
複製程式碼
解析： 關於第10題的一些見解
第11題：演算法手寫題
已知如下陣列：
var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
編寫一個程式將陣列扁平化去併除其中重複部分資料，最終得到一個升序且不重複的陣列
解析： 第11題：將陣列扁平化並去除其中重複資料，最終得到一個升序且不重複的陣列
第12題：JS非同步解決方案的發展歷程以及優缺點。
解析： 第十二題
第13題：Promise 建構函式是同步執行還是非同步執行，那麼 then 方法呢？
第14題：情人節福利題，如何實現一個 new
解析： 14題 情人節快樂！
交流
進階系列文章彙總如下，內有優質前端資料，覺得不錯點個star。
我是木易楊，網易高階前端工程師，跟著我 每週重點攻克一個前端面試重難點 。接下來讓我帶你走進高階前端的世界，在進階的路上，共勉！
