前端程式設計師必看，2024年JavaScript和TypeScript趨勢解析

在過去的七年裡，JetBrains 一直在進行開發者開發環境調查，努力找出開發者使用概況和主要使用技術。原始數據和分析報告我們都會在這篇文章提到，以便我們都能了解開發環境中發生的事情，今年的調查結果，很明顯重點是 JavaScript 和 TypeScript。

 (調查結果來源：https://www.jetbrains.com/lp/devecosystem-2023/)

調查輪廓

我們的 2023 年開發者開發環境調來自世界各地 26,348 名開發者的見解，從程式語言、工具和技術到有用的人口統計和有趣的事實。 

👉👉JavaScript 見解

【JavaScript 使用趨勢】

該調查再次報告  JavaScript  成為 2023 年最常用的程式語言，連續七年成為使用最多的語言。 這可能是因為  JavaScript 的門檻比較低，為許多前端 Web 開發提供了容易使用的條件。 有趣的是，它的使用占比在過去三年中每年都略有下降，這可能是未來變化的預兆，因為這種下降與 TypeScript使用占比的上升同時發生。

【JavaScript 用戶通常會開發什麼？】

80% 的 JavaScript 開發人員主要是網頁開發；使用  JavaScript  開發的第二個最常見的產品是應用程式（用於小任務的應用程式）。 只有少數使用 JavaScript 來開發其他類型的軟體。86% 的  JavaScript 開發人員從事前端項目，34% 也參與後端專案。

【JavaScript 和 TypeScript 程式碼編輯器和 IDE】

調查結果顯示，受訪者有很大一部分 (51%) 使用 Visual Studio Code進行  JavaScript 和TypeScript 開發。第二受歡迎的工具是 WebStorm (21%)，緊隨其後的是「另一個基於 IntelliJ 的 IDE」(16%)，也稱為 JetBrains IDE，其中包括 PyCharm、IntelliJ IDEA、GoLand 和 PhpStorm。

如果您想知道是否應該使用程式碼編輯器或 IDE，答案很簡單：您可以使用兩者，並根據您正在處理的任務在它們之間進行切換。對於快速編輯或較小的項目，程式碼編輯器可能是更好的選擇，而在處理大型專案或複雜任務時，IDE 往往更多人喜歡。

【JavaScript 框架首選】

JavaScript框架和函式庫在 JavaScript開發者社群中很流行，只有 8% 的  JavaScript 開發者表示他們不使用框架和函式庫。框架和函式庫協助簡化開發複雜和互動Web程式。在這些框架中，最受歡迎的是React，有 57%的 JavaScript 開發人員用React；第二個受歡迎的 JavaScript 框架是 Vue（32%），第三位是 Next.js（27%）。 Angular 和 Express（20%）並列第四名。框架的選擇很大程度上取決於專案的特定要求和團隊的偏好。

【React最受歡迎的原因】

React 於 2013 年 5 月 29 日首次發布。雖然它不是第一個框架，但它確實受益早期推出並成為第一個具有良好功能的大型框架。又因為早期很大量開發人員的使用， 這些開發人員希望React能滿足他們的需求，React因此不斷發展，滿足更多開發人員，也成功站穩市占率。

React 與其他 UI 框架一樣，遵循基於元件的架構，其中 UI 被建構為可重複使用元件。 這種模組化方法使管理和維護程式碼變得更加容易，並提高了應用程式不同部分的程式碼可重用性。

React使用 JSX，它是 JavaScript 的語法擴充。 JSX 允許開發人員在 JavaScript 中開發類似 HTML的程式碼，由於大多數使用者熟悉相關概念，因此開發起來更加容易。

React 非常靈活，可用於各種專案類型，小型單頁應用程式到大型複雜的 Web 應用程式都適用，其靈活性使其成為各種開發場景的好選擇。

【模組捆綁器(Module bundlers)】

模組捆綁器是 JavaScript 開發人員的寶貴工具。可以讓開發者以互相了解的方式打包檔案和資料庫之外，它們還能夠顯示出彼此的依賴關係。就像解析器一樣，模組捆綁器通常會在初始化時檢查所有依賴關係的檔案，確保運作程式時所需的檔案是否可用，除此之外，它會處理模組中的每個檔案，並為它們建構一個依賴關係圖。

完成後，模組捆綁器會將這些模組合併到一個檔案中，該檔案在「output」配置參數中指定、並維護所有模組的登錄冊，以便開發者可以在需要時正確呼叫/執行它們。

2023 年的頂級模組捆綁器是 webpack，有 57% 的  JavaScript  開發人員使用它。Webpack 已經存在 10 年了，並且不斷發展以滿足開發者不斷變化的需求。也就是說，隨著人們尋求透過更簡單的設定獲得更好的效能，我們開始看到 Vite (38%) 和 esbuild (11%) 等替代方案得到更廣泛的採用。

【JavaScript 開發人員面臨的挑戰】

 JavaScript 仍然存在一些挑戰，但社群也持續致力於解決這些問題。例如，非同步模型隨著 async/await 的引入而得到改進。隨著主要函式庫和框架日趨成熟並互相汲取靈感，函式庫和框架的疲勞感有所減緩。無論你喜歡與否， JavaScript 缺乏強類型(strong typing) ，這仍然是一個有待解決的問題，但隨著 TypeScript的出現，提供了一個輕鬆實施一種替代方案。

👉👉TypeScript 見解

【TypeScript 的採用和成長】

 JavaScript 是一種動態類型語言，目前已經大量使用，但這代表開發人員普遍認為城市出錯只能在運行時發現。現有一種更為安全的TypeScript的使用趨勢，這可以提升整體開發人員體驗以及開發人員對程式碼的信心。 這不僅可從TypeScript多年來越來越多的採用中看出，也可以從開發人員使用TypeScript的用途上與JavaScript的重疊亦可看出端倪。

【為什麼人們會從 JavaScript 轉向 TypeScript？】

TypeScript是一種具有靜態類型的  JavaScript  超集合語言，目的與 JavaScript 專案良好互通，並且可以幫助團隊逐步遷移現有專案。TypeScript也遵循 ECMAScript 標準，支援最新的 JavaScript功能。這表示開發人員可以在瀏覽器廣泛支援之前，就能提前使用未來 JavaScript版本規格的功能。 TypeScript 目前的穩定版本是 5.3.2，TypeScript5.4 預計將於 2024 年 3 月發布。

👉👉結論

 JavaScript 和 TypeScript開發生態系統不斷發展。 它已不再是2016年的模樣 - 技術、框架、語言和函式庫，現在開始日趨成熟，開發人員的喜好日漸中出現了共通點和趨勢。 像 WebStorm 這樣的工具將繼續發展和改進，以幫助開發人員充分利用他們的程式碼並有效地使用  JavaScript 和 TypeScript。

💪💪💪課程推薦

👉👉轉職推薦：從零開始；前端網頁與UI設計師轉職就業養成班

👉👉滿意度最高的一系列JavaScrpt課程

👉👉完整前端程式設計開發地圖介紹