快速認識,前端必學編程語言: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 將其分配給變量。

  • var 是最原始的方法,但通常會避免使用
  • let 是可以重新賦值的變量
  • const 是不能重新賦值的變量

現在,爲了使按鈕具有交互性,我們可以通過爲 onClick 事件定義函數來添加事件偵聽器。我們可以在這裏使用 function 關鍵字或更簡潔的箭頭語法。

現在,每當發生新的單擊時,事件循環就會執行此函數。函數是支持函數式編程模式的一流對象,但 JavaScript 還支持面向對象模式的類和繼承。

儘管它是單線程的,但它可以與 Promise API 異步工作,Promise API 也支持 async-await 語法。

由於 Node.js 運行時,JS 代碼也可以在服務器上運行。它不是與網頁上的按鈕交互,而是與文件系統 API 等交互。

通過拉出終端並輸node命令,在服務器上執行代碼。

配套視頻:https://www.bilibili.com/video/BV1Jc411B7Kd/ ,歡迎一鍵三連~

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章