最受歡迎的前端技術揭曉，你用過嗎？
今天，StateOfJS 公布了一年一度的 JS 現狀調查結果，Vite 成為年度最受歡迎、使用量增長最快、使用留存率最高的前端技術。本文精選并整理了調查報告的部分關鍵信息，分享給大家！
先頒個獎
Vite 家族霸榜。
獎項 | 獲獎者 | 獲獎說明 |
最常采用的技術 | Vite | 使用量增長最快的工具，使用量同比增長 25% |
最高留存率的技術 | Vite | 98% 的開發者愿意再次使用 Vite，第二是 Vitest，為 96% |
最感興趣的技術 | Vitest | 79% 開發者對 Vitest 感興趣 |
最受喜愛的技術 | Vite | 88.7% 的開發者喜歡使用 Vite |
新特性
JavaScript 新特性的采用率。
語法特性
特性 | 使用率 | 概述 |
空值合并 | 80% | 提供了一種在變量為 |
動態導入 | 62% | 允許在運行時按需加載JavaScript模塊，實現代碼拆分和懶加載。 |
私有字段 | 35% | 在類中使用#前綴定義私有字段，只能在類內部訪問，增強了封裝性和安全性。 |
邏輯賦值 | 31% | 通過邏輯賦值運算符（如 |
Hashbang 語法 | 22% | 允許在JavaScript文件頂部使用 |
error.cause | 16% |
|
字符串特性
特性 | 使用率 | 概述 |
string.replaceAll() | 73% | 替換字符串中所有匹配的子串。 |
string.matchAll() | 44% | 返回所有正則表達式匹配項的迭代器。 |
Regexp 匹配索引 | 22% | 提供正則表達式匹配在字符串中的位置索引。 |
數組特性
特性 | 使用率 | 概述 |
array.findLast() | 30% | 從數組末尾開始查找，返回滿足提供的測試函數的第一個元素的值。 |
array.toSorted() | 30% | 對數組進行排序，但不會改變原數組，返回一個新的排序后的數組副本。 |
array.toReversed() | 26% | 將數組的元素順序顛倒，但不會改變原數組，而是返回一個新的顛倒順序的數組副本。 |
array.toSpliced() | 16% | 從數組中刪除或添加元素，但不會改變原數組，而是返回一個新的經過修改的數組副本。 |
array.with() | 11% | 用于替換數組中特定索引處的元素，但不會改變原數組，而是返回一個新的數組副本。 |
異步特性
特性 | 使用率 | 概述 |
頂層await | 74% | 允許在JavaScript模塊的頂層直接使用await關鍵字， |
Promise.any() | 43% | 返回一個新的Promise，它在輸入的Promise集合中第一個成功解決的Promise解決時解決，如果所有Promise都失敗，則拋出包含所有失敗原因的 |
Promise.allSettled() | 43% | 等待一個Promise集合中的所有Promise完成（無論成功或失敗），然后返回一個包含每個Promise結果狀態的對象數組。 |
瀏覽器API
特性 | 使用率 | 概述 |
WebSocket | 61% | 在單個TCP連接上進行全雙工通信的協議，允許服務端和客戶端之間進行實時、雙向的數據交換。 |
Progressive Web App (PWA) | 48% | 一種使用Web技術構建的應用，提供類似原生應用的體驗，包括離線工作能力、快速加載和推送通知等。 |
Geolocation API | 33% | 允許應用根據用戶的地理位置獲取經度和緯度信息，常用于地圖服務和基于位置的服務。 |
WebGL | 18% | 用于在不使用插件的情況下，在任何兼容的Web瀏覽器中渲染交互式3D和2D圖形。 |
Web Animations | 18% | 提供一種方式來創建復雜的動畫效果，允許開發者控制CSS屬性隨時間變化。 |
WebAssembly (WASM) | 18% | 用于在Web上以接近原生性能運行編譯代碼的二進制指令格式。 |
Page Visibility API | 16% | 允許應用檢測頁面是否處于活動狀態，從而可以暫停或恢復資源密集型操作，以節省電池和數據。 |
WebRTC | 16% | 一種支持在瀏覽器之間進行實時通信的技術，包括音視頻通話和數據共享。 |
Web Speech API | 9% | 提供語音識別和文本到語音功能的API，允許Web應用程序集成語音輸入和輸出。 |
Broadcast Channel API | 9% | 允許在相同域名下的多個瀏覽器上下文中進行異步消息傳遞。 |
Temporal | 6% | 提供一組API，用于簡化日期和時間的操作，包括創建、解析、格式化和操作日期時間值。 |
WebXR Device API | 2% | 允許應用訪問虛擬現實（VR）和增強現實（AR）設備，提供沉浸式體驗，無需依賴特定的平臺或應用商店。 |
JS庫
前端框架使用率
React 和 Vue 的使用率都在每年穩步增長。
圖片
前端元框架使用率
Next.js 的使用率快速增長，在元框架中遙遙領先，目前其 npm 下載量已超過 Vue，位居下載量第二，僅次于 React。
圖片
測試工具使用率
Jest 仍然是使用最多的前端測試框架，值的一提的是， Vitest 的使用率正在快速增長。
圖片
移動端/桌面端工具使用率
各個工具的使用率差距正在不斷減小，值得一提的是，Tauri 正在異軍突起。
圖片
構建工具使用率
Webpack 仍然是使用最多的構建工具，同時，Vite 的使用率正在以驚人的速度增長。
圖片
Monorepos 工具使用率
pnpm 作為Monorepos 工具的使用率正在快速增長。
圖片
