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

木易楊說發表於2019-02-18

引言

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

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

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

相關文章