今天，StateOfJS 公布了一年一度的 JS 现状调查结果，Vite 成为年度最受欢迎、使用量增长最快、使用留存率最高的前端技术。本文精选并整理了调查报告的部分关键信息，分享给大家！
先颁个奖
Vite 家族霸榜。
| 奖项 | 获奖者 | 获奖说明 |
|---|
| 最常采用的技术 | Vite | 使用量增长最快的工具，使用量同比增长 25% |
| 最高留存率的技术 | Vite | 98% 的开发者愿意再次使用 Vite，第二是 Vitest，为 96% |
| 最感兴趣的技术 | Vitest | 79% 开发者对 Vitest 感兴趣 |
| 最受喜爱的技术 | Vite | 88.7% 的开发者喜欢使用 Vite |
新特性
JavaScript 新特性的采用率。
语法特性
| 特性 | 使用率 | 概述 |
|---|
| 空值合并 | 80% | 提供了一种在变量为null或undefined时返回备用值的方式，避免了假值的误判。 |
| 动态导入 | 62% | 允许在运行时按需加载JavaScript模块，实现代码拆分和懒加载。 |
| 私有字段 | 35% | 在类中使用#前缀定义私有字段，只能在类内部访问，增强了封装性和安全性。 |
| 逻辑赋值 | 31% | 通过逻辑赋值运算符（如||=、&&=、??=）简化条件赋值，使代码更简洁。 |
| Hashbang 语法 | 22% | 允许在JavaScript文件顶部使用shebangs注释来指定脚本的解释器或执行环境。 |
| error.cause | 16% | Error对象的属性，用于表示导致当前错误被抛出的具体原因。 |
字符串特性
| 特性 | 使用率 | 概述 |
|---|
| 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都失败，则抛出包含所有失败原因的AggregateError。 |
| 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 工具的使用率正在快速增长。