快速認識，前端必學程式語言：JavaScript

JavaScript是構建Web應用必學的一門程式語言，也是最受開發者歡迎的熱門語言之一。所以，如果您還不知道JavaScript的用處、特點的話，趕緊補充一下這塊基礎知識。

JavaScript 是一種高階、單執行緒、垃圾收集、解釋或即時編譯、基於原型、多正規化、動態語言，具有非阻塞事件迴圈，因構建網站而聞名。

它是由 Brendan Eich 於 1995 年在短短一週內建立的，目的是為 Netscape 瀏覽器新增一種易於學習的指令碼語言。

它最初被命名為 Mocha，但當時的天才行銷人員希望它聽起來像那種性感的新 Java 語言。如今，它已成為一種功能齊全的語言，並通過 ECMAScript 標準不斷髮展。

JavaScript以構建前端 Web 應用程式而聞名，因為它是除 WebAssembly 之外唯一在瀏覽器中原生支援的語言。

然而，任何可以使用 JavaScript 構建的東西都將使用 JavaScript 構建，例如使用 Node.js 的伺服器端應用程式、使用 React Native 或 Ionic 的移動應用程式以及使用 Electron 的桌面應用程式。

它是一種解釋性指令碼語言，但 V8 引擎和 Chromium 等工具使用即時編譯器在執行時將其轉換為機器程式碼。

它在處理 I.O 方面也非常出色。密集型作業，儘管事實上它是一種單執行緒語言，通過非阻塞事件迴圈實現，可以在後臺排隊工作而不阻塞主執行緒。

接下來看看JavaScript語言的特點：

首先，建立一個以 .js 結尾的檔案。您的程式碼將從全域性上下文開始執行。使用控制檯通過內建偵錯程式記錄值。

現在考慮一下要在哪裡執行該檔案。是前端瀏覽器還是後端 Node.js 伺服器？在瀏覽器中，您可以使用指令碼標記參照它，然後瀏覽器將在您開啟該 HTML 檔案時執行它。

在網站上，JavaScript 通常用於從 DOM 中獲取元素。

document.querySelector 將抓取第一個按鈕，然後我們可以使用 var、let 或 const 將其分配給變數。

現在，為了使按鈕具有互動性，我們可以通過為 onClick 事件定義函數來新增事件偵聽器。我們可以在這裡使用 function 關鍵字或更簡潔的箭頭語法。

現在，每當發生新的單擊時，事件迴圈就會執行此函數。函數是支援函數語言程式設計模式的一流物件，但 JavaScript 還支援物件導向模式的類和繼承。

儘管它是單執行緒的，但它可以與 Promise API 非同步工作，Promise API 也支援 async-await 語法。

由於 Node.js 執行時，JS 程式碼也可以在伺服器上執行。它不是與網頁上的按鈕互動，而是與檔案系統 API 等互動。

通過拉出終端並輸node命令，在伺服器上執行程式碼。

如果您想開拓眼界，瞭解和發現更多計算機領域的概念和知識，歡迎關注我在持續更新的開發者科普專欄，助你探索更多計算機領域的熱門知識！

歡迎關注我的公眾號：程式猿DD。第一時間瞭解前沿行業訊息、分享深度技術乾貨、獲取優質學習資源