【半月刊】前端高頻面試題及答案彙總

更新：謝謝你們的支持，最近折騰了一個博客官網出來，方便你們系統閱讀，後續會有更多內容和更多優化，猛戳這裏查看

------ 如下是正文 ------

引言

前段時間在 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。

github.com/yygmind/blo…

我是木易楊，網易高級前端工程師，跟着我每週重點攻克一個前端面試重難點。接下來讓我帶你走進高級前端的世界，在進階的路上，共勉！