第2540期来自Stateofjs调查，JavaScript 2021年度报告正式发布！

Posted 2022-03-01 前端早读课

前言

前有【第2511期】2021年javascript明星项目，今天又一份Javascript报告。今日前端早读课文章由编译@张洁，责编@屠敏，由公号:CSDN授权分享。

正文从这开始~~

随着技术的快速发展，JavaScript用户规模不断扩大，如今在全球已拥有高达1400万的用户，并且这个数量还在不断增长。2021年的JavaScript现状调查于2021年1月13日至2022年2月2日进行，收集了 16,085份回复。一起来看看JavaScript的2021年的调查报告吧！

JavaScript开发者基础画像：80、90后是开发的主力军，薪酬50k-100k占比最高

在此次的调查对象中，美国开发者占比最高，达14%，其次是德国（4.8%）、俄罗斯（4.5%）、法国（4.2%）、英国（4%）、西班牙（2.6%）以及中国开发者占比1.2%。

不难从中发现，在从事JavaScript工作的人中男性为主，高达93.2%，而女性仅占5.2%。

在JavaScript技术工作中，发现大部分技术人员在24-34岁之间，占比51.9%，其次就是35-44岁（25.4%）、18-24岁（13%）和45-54岁（6.2%）。

从年限方面看，从事这个行业5到10年的技术人员居多，占比38.3%，其次是2-5（26%）年和10-20年（24.9%）。

从公司规模看，关于JavaScript的公司规模都比较大，其中拥有100-1000雇员的公司最多，达23.2%，其次就是拥有1000以上雇员的公司，占比21.4%。

编程正成为一种必不可少的技能，它有着结构化和创造性思维的力量，让一个个爱动脑的青年人动起了手指。根据结果显示，55.6%的受访者接受过高等教育，并且是科班出身，另外还有20.1%的人也接受过高等教育，但是是非科班出身，仅有24.4%的人没有接受过高等教育。

从薪资方面看，薪资高达50k-100k美元已成为主流，达29.5%。目前正在朝100k-200k美元发展，这一阶段的占比是22%，后续增长趋势还是值得关注的。

性能良好，广受开发者欢迎

得益于JavaScript良好的性能，其受到越来越多开发者的欢迎。在调研过程中，为了方便调查用户是否熟悉JavaScript的一些技能，把JavaScript的特性分成了三个部分：语言、浏览器API（应用程序接口）和其他特性。

这图表显示了按类别分组的所有特性的不同采用率。外圈的大小对应于了解某项功能的用户总数，而内圈则代表实际使用过该功能的用户。

从图中可以了解到：Optional Chaining（可选链）用户数量最多，使用率高达91.4%。

语言

到目前为止，用过可选链的人比去年增长了19%，没有用过这一技术的人也越来越少。

Nullish Coalescing（空值合并运算符）深得大家的喜爱，用过此技术的人还在不断增加。

浏览器API（应用程序接口）

要说最令人津津乐道的浏览器API，就得数WebSocket（网络传输协议）了，仅使用率就达69.3%。从图中可以看出，使用率在逐年增长，不知道这门技术存在的人屈指可数。

其他特性

Progressive Web Apps（渐进式 Web 应用）无处不在、功能丰富，使其具有与原生应用相同的用户体验优势，让广大用户爱不释手。每年的使用量都在递增，没有使用过这个应用的人呈下降趋势。

Jest一路崛起，各类工具出榜首

下图中，每条线表示从2016到2020年的发展时间线，较高的点表示更多的人在使用该技术， 较右则的点意味着更多的受访者想要学习它，或者已经使用过并且会再次使用它。

Webpack基本已经成为前端项目的标配构建工具了，它解决的需求点就是如何更好的加载前端模块。Webpack提供了一套API接口，开发者只需要按照它提供的规范照着做就行了。而且Webpack的学习门槛不高，这导致Webpack用户居多。

Express的使用量紧跟Webpack其后。Express发布于2010年11月，它可以快速地开发一个Web应用。Express本身是极简风格的，但是开发人员通过创建各类兼容的中间件包解决了几乎所有的Web开发问题。

React独领风骚，Angular、Vue稳居二三位

前端框架能够快速开发运行一个新的网站，JavaScript框架就是一个不错的选择，它运行快，效率高，最鲜明的特点是写的少实现得多，可以为我们提供丰富的插件。

在排名方面，可以看出React独领风骚，占比高达80%，Angular紧跟其后，占比54%，Vue.js近年稳居前三，达51%。但三者在满意度方面都有所下滑，后起之秀Solid在满意度方面竟排名第一。

近年来，人们对React很感兴趣，用它来编写html（超文本标记语言）页面。它还能很好的管理和复用代码，使用起来非常方便，受到了很多人的认可。

Express地位无人撼动，Next.js又创新高

JavaScript在后端领域近年来似乎没有取得任何重大突破。即使每年都有无数的框架出现，也没有出现一个能撼动Express的地位的框架。

除了Express外，Next.js也慢慢发展起来了。Next.js是一款用于生产环境的React框架，无需任何配置。它提供了生产环境所需要的功能：支持静态渲染和服务端渲染、支持TypeScript、支持打包优化和支持按路由预加载。

Jest居榜首，Storybook显真章

Jest一路崛起，超越曾经最常用的单元测试框架Mocha，以50%的使用率成功占据榜首。Jest 是一款简洁的JavaScript测试框架，它的的目标是在大多数JavaScript项目中即装即用，无需配置，能够轻松编写持续追踪大型对象的测试，并在测试旁或代码内显示实时快照。

Mocha虽比去年下降了2%，但依旧稳居第二。它是一款JavaScript的测试框架，运行在浏览器和nodejs环境中，它让异步测试变得更加简单。所谓的测试框架就是运行测试的工具，通过它可以为JavaScript应用添加测试，从而保证代码的质量。

对比进几年JavaScript测试工具的数据变化，有了重大的发现，越来越多的人对Jest产生了兴趣，趋势呈大幅增长。Storybook也成为后起之秀，正在被开源者利用。

React Native和Electron成主导，新技术发展须加强

在移动端和客户端中，React Native和Electron仍是使用Web技术构建移动和桌面应用的两个主要解决方案。新出炉技术使用率有待加强。

由图可知，近年来人们表示不会再用Cordova，包括Lonic，大多数人对它们提不起兴趣。

Gulp地位下滑，形势大不利

在构建工具上，Webpack位居第一，占比89%，它是一个模块化打包工具，它被广泛地应用在前端领域的大多数项目中。Gulp是一个自动化构建工具，最近它的的地位有所下滑。

大数据发现，tsc CLI引起了广大开发者的眼球，其次就是很火的Vite。然而，竟有45.2%的人表示不愿再使用Gulp。

Lerna与Yarn Workspaces并列第一

在Monorepo工具中，Lerna与Yarn Workspaces在使用量方面并列第一，都达25%。lerna是一种工具，使用git和npm对代码仓库的工作流程进行优化。

TypeScript遥遥领先

在常用工具类库中，受访者喜欢使用的工具是Axios，占比41.2%，其次是Lodash(37.4%)、Moment(27.2%)和date-fns（25%）。

常用工具函数库：ESLint占91.4%，其次是Prettier（83.2%）、Babel（63.2%）以及nvm（53.9%）。

能编译成JavaScript的语言：TypeScript遥遥领先，占比高达98.6%。

问题的数据分析

JavaScript官方对以下问题进行了调查，受访者也积极给出了回应。

1、JavaScript在向正确的方向发展

有80.4%的受访者同意这个观点，仅有4.4%的人反对这一观点。

现在构建JavaScript应用过于复杂

由图可见，近几年反对这一观点的人数明显呈上升趋势，竟达37.8%，还有25.1%的受访者保持中立，另外37.3%的人同意这个观点。

JavaScript的生态系统变化太快了

从图了解到，31.1%的人呈中立状态，38%的人同意这一观点，31.1%的人反对这一观点。

Vite高居榜首，esbuild取得新进展

随着2021年21.8%的增长，空值合并运算符已迅速成为JavaScript不可或缺的一部分。Esbuild成立不到两年，成为被采用最多的技术，与去年相比增长了20.1% ，它已经取得了进展。Vite以高达97.4%的满意度高居榜首，并且再次夺冠。许多问题也接受了书面答案，有124次提及Elm是总体上最受欢迎的项目。

新的库、框架层出不穷，开源者不断涌现

JavaScript飞速发展，新的库、框架层出不穷，容易学习与执行，编程新手都可以用JavaScript做一些简单的项目。作为开发的必备工具，编程语言的发展动态向来是开发者关心的重点方向之一。因此，有抱负的开源者和企业家的机会不断涌现，竞相入局。期待JavaScript带来的新世界！

参考链接：https://2021.stateofjs.com/zh-Hans/

欢迎订阅新程序员杂志

关于本文
编译：@张洁
译文：https://mp.weixin.qq.com/s/hy-PtdumTpCZG42FN6-gQA

为你推荐

【第2511期】2021年JavaScript明星项目

【第2526期】2021大前端技术回顾及未来展望

欢迎自荐投稿VX:zhgb_f2er，前端早读课等你来

2018年度javascript行业报告

本文结构

    - 数据来源

    - 调查结果

    - 年度之最

    - 参赛选手列表

共约957字24图，预计阅读需要8分钟

数据来源

来自 153 个不同的国家

共 20,268 名 JavaScript 开发者参与StateofJS项目调查

中国占总数的 0.37%，共 75 个开发者

(因此本调查报告整体上能反映全球范围的 Javascript 发展趋势，但对国内情况不具有代表性)

调查参与者 国家分布图：

调查参与者 薪资分布图：

调查参与者 开发经验分布图：

调查参与者 所属公司体量分布图：

调查参与者 性别分布图：

调查结果

1.JavaScript Flavors

可以编译成 javasript 代码 的 各种语言/语法规范/javascript 超集

2.前端框架 Front-end Frameworks

3.数据层 Data Layer

4.后端框架 Back-end Frameworks

5.测试 Testing

6.移动端/客户端 Mobile & Desktop

7.js 开发者使用的其他语言 Other Languages

8.浏览器 API Browser APIs

9.构建工具 Build Tools

10.函数库 Utility Libraries

11.编辑器 Text Editors

12.js 开发者的使用感受+期望

“Javascript 正在往正确的方向发展”

“当下构建 Javascript app 过于复杂惹”

“Javascript 被过度使用”

“我喜欢构建 JavaScript 应用程序”

“我希望 JavaScript 成为我的主要编程语言”

“JavaScript 生态变化太快”

年度之最

• 最满意: Jest

96.5%的使用者表示会再次使用

• 最感兴趣: GraphQL

听说过 GraphQL 的开发者中有 87.7%表示想要学习

• 最多提及: Vuex

在“other libraries”提问中最多被提及的库

• 最多使用: React

年度被使用最多的库，参与调查者中有 14417 位使用 React

• 最黑马: Reason

Facebook 带来的 崭露头角的 新技术，也许会像 React 和 GraphQL 一样受欢迎?

• 最特别: VSCode

我们今年刚刚爱上并无法自拔的工具

参赛选手列表

Javascript Flavors

• ES6

ECMA-262 标准的 Edition6(目前已经发布到 ECMA-262 2018/Edition 9)，是 javascript 的规范

https://github.com/tc39/ecma262#ecmascript

• Typescript

由微软开发的 添加了可选的静态类型和基于类的面向对象编程 的 JS 超集

https://github.com/Microsoft/TypeScript

• Flow

JavaScript 添加静态类型检查器

https://github.com/facebook/flow

• Reason

简单,快速,类型安全,利用 JavaScript 和 OCaml 生态系统的库

http://reasonml.github.io/

• Elm

生成具有出色性能且没有运行时异常的 JavaScript 的语言。

https://elm-lang.org/

• ClojureScript

ClojureScript 是将 Clojure 成 JavaScript 的编译器。

https://clojurescript.org/

前端框架

• React

React 是一个用于设计用户界面的开源 JavaScript 库。

https://github.com/facebook/react

• Vue.js

一套用于构建用户界面的渐进式框架

https://cn.vuejs.org/

• Angular

基于 TypeScript 的开源前端 Web 应用程序平台。

https://angular.io/

• Preact

3kB 大小的 使用相同的现代 API 的 React 快速替代方案，拥有组件和虚拟 DOM。

https://github.com/developit/preact

• Ember

用于创建大型的 Web 应用程序的 JavaScript 框架

https://github.com/emberjs/ember.js

• Polymer

Web 组件库

https://github.com/Polymer/polymer

数据层

• Redux

JavaScript 应用程序的可预测状态容器

https://github.com/reduxjs/redux

• GraphQL

一种与后端服务相关联的查询语言和执行引擎

https://github.com/facebook/graphql

• Apollo

适用于每个 UI 框架和 GraphQL 服务器的功能齐全的 可用于生产的 缓存 GraphQL 客户端

https://github.com/apollographql/apollo-client

• MobX

简单，可扩展的状态管理

https://github.com/mobxjs/mobx

• Relay/Relay Modern

Relay 是一个用于构建数据驱动的 React 应用程序的 JavaScript 框架

https://github.com/facebook/relay

后端框架

• Express

快速简单的 Node 框架

https://github.com/expressjs/express

• Next.js

一个多功能 React 服务端框架

https://nextjs.org

• Koa

使用 ES2017 异步函数的 node.js 的中间件

https://github.com/koajs/koa

• Meteor

JavaScript 应用程序平台

https://github.com/meteor/meteor

• Sails

Node.js 的实时 MVC 框架

https://github.com/balderdashy/sails

• FeathersJS

适用于现代应用程序的 REST 和实时 API 层 https://github.com/feathersjs/feathers

Javascript 测试工具

• Jest

令人愉快的 JavaScript 测试工具

https://jestjs.io/

• Mocha

node.js 和浏览器的简单，灵活，有趣的 javascript 测试框架

https://github.com/mochajs/mocha

• Jasmine

适用于浏览器和 node.js 的简单 JavaScript 测试框架

https://github.com/jasmine/jasmine

• Enzyme

用于 React 的 JavaScript 测试实用程序

https://github.com/airbnb/enzyme

• Karma

健壮的 Javascript 测试工具

https://github.com/karma-runner/karma

• Storybook

用于交互式 UI 组件：React，React Native，Vue，Angular，Ember 的开发和测试工具

https://github.com/storybooks/storybook

• Ava

未来的 JavaScript 测试工具

https://github.com/avajs/ava

移动端/客户端

• Electron

使用 JavaScript，HTML 和 CSS 构建跨平台桌面应用程序

https://github.com/electron/electron

• React Native

使用 React 构建应用程序的框架

https://github.com/facebook/react-native

• Native Apps

原生客户端 App 语言：Java, Kotlin, Objective-C, or Swift 等

• Cordova

移动应用程序开发框架

https://cordova.apache.org/

• Ionic

使用开放式 Web 技术构建的原生和渐进式 Web 应用

https://github.com/ionic-team/ionic

• NativeScript

用于使用 JavaScript 构建移动端应用程序的开源框架。使用 Web 技能，如 Angular 和 Vue.js，FlexBox 和 CSS，并在 iOS 和 Android 上获得原生 UI 和性能

https://github.com/NativeScript/NativeScript

本文素材来源

https://2018.stateofjs.com/

- END -

---

"2018要结束惹，2019冲鸭！"

"希望明年有更多中国开发者参与调查"