不僅僅是面試，JS 開發者都應該知道的十個概念！

自學

現在學習 JavaScript 和 Web 開發的人很多，他們都希望能憑此獲得一份工作。然而，自學常常會使學習者對 JavaScript 語言本身的理解存在知識盲點。

實際上，令人感到驚訝的是，他們只需要掌握很少的語言知識就能製作複雜的網頁，然而這樣通常不能很好掌握 JavaScript 的基礎知識。

使用基本的技能來實現功能和避免複雜的需求是相當容易的，通過依賴 Stack Overflow，而不理解複製來的代碼以創建一個網站也是十分容易。

面試

但問題是，許多技術公司在面試中提問時，目的是檢驗你對 JavaScript 是否真正理解。當求職者只是對 JavaScript 有淺顯的認識，而不是深刻理解這門語言，面試官會很快清楚是什麼情況。

下面是一些 Web 開發面試中常見的概念。當然，我們假設你已經熟知諸如循環、函數和回調這些基本概念。

概念

1. 原始值和引用值(Value vs. Reference)

理解對象、數組和函數是如何複製和傳遞到函數中的。了解引用值是被複制了什麼，理解原始值是通過複製值來進行複製和傳遞的。

2. 域(Scope)

理解全局域、函數域以及塊級作用域之間的區別。了解變數在哪裡是可用的，了解 JavaScript 引擎如何執行變數查找。

3. 提升(Hoisting)

認識到變數和函數的聲明會被提升到聲明所在的上下文，即在變數的作用域內，不管變數在何處聲明，都會被提升到作用域的頂部，但是變數初始化的順序不變。認識到函數表達式不會被提升。

4. 閉包(Closures)

認識到一個函數會保留對在其內部創建的域的訪問，認識到這些可以讓我們做什麼，例如數據隱藏、內存化以及動態函數生成。

5. this

理解 this 綁定的規則。知道它的工作機制，知道在函數中如何判斷它等同於什麼，並且認識到為什麼它是有用的。

6. new

認識到它如何與面向對象編程產生聯繫。了解通過 new 調用的函數會發生什麼。理解通過使用 new 來自函數 prototype 屬性的 繼承 的對象是如何生成的。

7. apply , call , bind

了解這些函數是如何工作的，了解如何使用它們。了解它們對 this 做了什麼。

8. 原型和繼承(Prototypes & Inheritance)

理解 JavaScript 中的繼承通過 [[Prototype]] 鏈進行工作。理解如何通過函數和對象設置繼承，以及 new 是如何幫助我們實現的。了解 __proto__ 和 prototype 屬性是什麼，以及它們的作用。

9. 非同步 JS(Asynchronous JS)

理解事件循環，理解瀏覽器是如何處理用戶輸入、Web 請求和一般事件的。知道如何識別並正確實現非同步代碼。理解 JavaScript 中非同步和單線程分別是怎樣的。.

10. 高階函數(Higher Order Functions)

理解這些函數是 JavaScript 中的第一類對象以及這意味著什麼，了解從另一個函數返回函數是完全合法的。了解閉包和高階函數允許我們使用的技術。

大家還有什麼補充的嗎，在評論區和大家分享吧~

加群六二三九六六八零六 免費領取前端學習資料，群里還有大神解答問題和交流

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！