您需要了解的最重要的 JavaScript 面試問題-js教程-PHP中文網

Top JavaScript Interview Questions You Need to Know

簡介：

JavaScript 仍然是 Web 開發中最受歡迎的程式語言之一。無論您是初級開發人員還是經驗豐富的專業人士，掌握 JavaScript 對於在面試中取得好成績至關重要。在這篇部落格中，我們將介紹每個開發人員都應該準備回答的十個基本 JavaScript 面試問題。

1. JavaScript 中的閉包是什麼？

閉包是 JavaScript 中的一個基本概念。當函數保留對其詞法作用域的存取時，即使函數在該作用域之外執行，它們也會發生。

function outerFunction() { let outerVariable = 'I am from outer scope'; function innerFunction() { console.log(outerVariable); // Accesses outerVariable } return innerFunction; } const closureFunction = outerFunction(); closureFunction(); // Outputs: I am from outer scope

登入後複製

為什麼重要：閉包是理解 JavaScript 中資料封裝和函數作用域的關鍵。

2.解釋事件循環及其運作方式

事件循環是一種允許 JavaScript 在單執行緒的情況下執行非阻塞操作的機制。它的工作原理是將操作放入佇列中，並在呼叫堆疊為空時執行它們。

重點：

呼叫堆疊：處理函數執行。
回調佇列：儲存準備執行的回呼。
事件循環：將任務從回調佇列移動到呼叫堆疊。
為什麼重要：理解事件循環對於編寫高效且響應靈敏的 JavaScript 程式碼至關重要。

3. == 和 === 有什麼差別？

==（相等運算子）：將值與型別強制比較。
===（嚴格相等運算子）：比較值而不進行型別強制（嚴格相等）。

console.log(5 == '5'); // true console.log(5 === '5'); // false

登入後複製

為什麼重要：使用 === 可以避免由類型強制引起的意外錯誤，使程式碼更可預測和可靠。

4.什麼是 Promise 以及它們如何運作？

Promise 是表示非同步操作最終完成或失敗的物件。與回調相比，它們提供了一種更簡潔的方式來處理非同步程式碼。

關鍵方法：

then(onFulfilled, onRejected)：處理已解決和拒絕的狀態。
catch(onRejected)：處理錯誤。
finally(onFinally)：無論 Promise 的結果如何，都執行程式碼。

const promise = new Promise((resolve, reject) => { setTimeout(() => resolve('Resolved!'), 1000); }); promise.then(result => console.log(result)); // Outputs: Resolved!

登入後複製

5. JavaScript 中的 this 關鍵字是什麼？

this 關鍵字指的是正在執行目前函數的物件。它的值取決於呼叫函數的上下文。

常見用例：

全域上下文：指的是全域物件。
物件方法：this 指的是物件。
建構子：this 指的是已建立的實例。

const obj = { name: 'Alice', greet: function() { console.log(this.name); } }; obj.greet(); // Outputs: Alice

登入後複製

6.什麼是箭頭函數以及它們與常規函數有何不同？

箭頭函數提供了更簡潔的語法，並具有詞法 this 綁定，這意味著它們從周圍的上下文繼承 this。

const add = (a, b) => a + b;

登入後複製

區別：

常規功能：有自己的this。
箭頭函數：從父作用域繼承此函數。

為什麼重要：箭頭函數簡化了程式碼並防止回調中此綁定的常見問題。箭頭函數簡化了程式碼並防止回調中此綁定的常見問題。

7. JavaScript 中的原型繼承如何運作？

原型繼承允許物件從其他物件繼承屬性和方法。 JavaScript 使用原型來實作繼承。

const animal = { speak() { console.log('Animal speaks'); } }; const dog = Object.create(animal); dog.bark = function() { console.log('Woof'); }; dog.speak(); // Outputs: Animal speaks dog.bark(); // Outputs: Woof

登入後複製

8. null 和 undefined 有什麼不同？

null：表示故意缺少值。

undefined：表示已宣告但未初始化的變數。

let a; console.log(a); // Outputs: undefined let b = null; console.log(b); // Outputs: null

登入後複製

9.什麼是map、filter和reduce方法？

這些是用於陣列運算的高階函數：

map：透過對每個元素應用函數來建立一個新陣列。
過濾器：使用通過測試的元素建立一個新數組。
減少：透過應用函數將數組減少為單一值。

const numbers = [1, 2, 3, 4, 5]; const doubled = numbers.map(n => n * 2); const evens = numbers.filter(n => n % 2 === 0); const sum = numbers.reduce((total, n) => total + n, 0); console.log(doubled); // [2, 4, 6, 8, 10] console.log(evens); // [2, 4] console.log(sum); // 15

登入後複製