跳到内容

使用情况

您如何使用 JavaScript?

JavaScript/TypeScript 平衡

我们现在已经进入了 TypeScript 时代。67%的受访者表示,他们编写的 TypeScript 代码多于 JavaScript 代码,而最大的一个群体是编写 TypeScript 的人。

0%
20%
40%
60%
80%
100%
1

0% TS

915
2

|

559
3

|

446
4

|

185
5

50/50

625
6

|

352
7

|

1,245
8

|

3,172
9

100% TS

3,936
0%
20%
40%
60%
80%
100%
受访者百分比
您如何分配编写 JavaScript 和 TypeScript 代码的时间?

编译代码平衡

2024 年,我们几乎所有的 JavaScript 代码都要经过构建步骤,这一点不足为奇。捆绑程序和构建工具无疑会增加开发过程的复杂性,但它们很可能会继续存在。

0%
20%
40%
60%
80%
100%
1

0% 编译过

262
2

|

185
3

|

192
4

|

118
5

50%

629
6

|

233
7

|

1,020
8

|

2,449
9

100% 编译过

5,927
0%
20%
40%
60%
80%
100%
受访者百分比
您为浏览器编写的 JavaScript 代码中有多大比例需要经过构建步骤?

AI 代码生成

尽管人们都在谈论 AI 辅助编码,但我们中的大多数人仍然只是很少使用 AI 工具。事实上,有整整 20% 的人根本不使用这些工具来编写代码。

0%
20%
40%
60%
80%
100%
1

0% AI

2,263
2

|

4,319
3

|

2,573
4

|

837
5

50%

751
6

|

285
7

|

270
8

|

55
9

100% AI

18
0%
20%
40%
60%
80%
100%
受访者百分比
在您的代码中,人工智能生成的代码比例是多少?

JavaScript 使用情况

了解受访者在什么情况下编写 JavaScript 代码总是有好处的,绝大多数受访者在日常工作中使用 JavaScript。

0%
20%
40%
60%
80%
100%
1

专业

10,842
2

作为爱好

4,593
3

作为学生

1,143
0%
20%
40%
60%
80%
100%
受访者百分比
您主要在什么情况下使用 JavaScript?

JavaScript 用例

几乎所有受访者都表示,他们使用 JavaScript 进行前端开发,这与该语言的起源不无关系。

0%
20%
40%
60%
80%
100%
1

前端开发

11,268
2

后端开发

7,345
3

移动应用

2,994
4

桌面应用

2,072
5

数据可视化

1,653
6

图形和动画

1,302
7

数据分析

854
8

游戏开发

651
9

机器学习

263
10

嵌入式应用

258
0%
20%
40%
60%
80%
100%
受访者百分比
您使用 JavaScript 来做什么?

虽然最大的行业部门是为其他开发人员开发工具的开发人员,但收入最高的行业部门却是广告业。

0%
20%
40%
60%
80%
100%
1

编程和技术工具

4,299
2

咨询服务

3,555
3

电子商务与零售

2,668
4

金融

1,796
5

营销/销售/分析工具

1,558
6

教育

1,494
7

娱乐

1,256
8

卫生保健

1,035
9

新闻、媒体和博客

939
10

政府

836
0%
20%
40%
60%
80%
100%
受访者百分比
你在哪个行业工作?

尽管现代 JavaScript 元框架现在支持复杂的呈现策略,但最常见的应用模式仍然是最传统的模式:单页面应用和服务器端呈现。

0%
20%
40%
60%
80%
100%
1

单页面应用 (SPA)

10,027
2

服务端渲染 (SSR)

6,559
3

静态站点生成 (SSG)

5,072
4

多页面应用 (MPA)

4,399
5

局部注水

2,320
6

岛屿架构

1,573
7

渐进增强

1,480
8

增量静态生成

1,053
9

流式服务端渲染

956
10

局部预渲染

906
0%
20%
40%
60%
80%
100%
受访者百分比
您在去年使用过以下哪些架构和渲染模式?

JavaScript 痛点

一旦代码库超过一定规模,代码架构就会成为一个令人担忧的问题,因此它在 JavaScript 总体痛点排名中名列前茅也就在情理之中了,其次是状态和依赖性管理。

0%
20%
40%
60%
80%
100%
1

代码架构

3,719
2

全局数据管理

3,290
3

依赖管理

3,053
4

构建工具

2,925
5

性能

2,538
6

调试

2,355
7

日期管理

2,338
8

类型

2,338
9

异步代码

1,151
10

查找包

1,102
0%
20%
40%
60%
80%
100%
受访者百分比
您最头疼 JavaScript 的哪些方面?

目前有不少 TC39 提案 即将成为现实。今年,受访者最感兴趣的是 “时态 ”和 “装饰器”。

0%
20%
40%
60%
80%
100%
1

6,637
2

3,392
3

1,312
4

1,259
5

978
6

888
7

750
8

695
9

669
10

462
0%
20%
40%
60%
80%
100%
受访者百分比
在这些活跃的 JavaScript 提案中,你最感兴趣的是什么?

缺失的功能

虽然社区长期以来一直觉得缺乏原生静态类型,但有趣的是,尽管 Signals 并不是最流行的前端框架的一部分,它却在这份榜单中排名第三。

0%
20%
40%
60%
80%
100%
1

静态类型

5,403
2

标准库

4,378
3

3,985
4

2,362
5

1,919
6

1,905
7

1,889
8

1,366
9

928
10

701
11

356
12

307
13

其他答案

169
0%
20%
40%
60%
80%
100%
受访者百分比
你觉得 JavaScript 目前缺少什么?

很明显,调查对象想要原生类型,而且他们希望能用类似于 TypeScript 的语法来实现这些类型。

遗憾的是,今年的问题措辞没有明确区分运行时类型和类似于 TypeScript 的类型即注释,因此这两条路线中哪条会获得社区的青睐还有待观察。

0%
20%
40%
60%
80%
100%
1

尽可能与 TypeScript 类似

8,362
2

类似 JSDoc 那样使用注释

1,037
3

我不希望看到它们被实现

1,000
4

Type Annotations

5

Similar to TypeScript

6

Similar to Java

7

Similar to Rust

8

Similar to Python

9

其他答案

225
0%
20%
40%
60%
80%
100%
受访者百分比
您希望如何在 JavaScript 中实现原生类型吗?

Web 技术满意度

0
1
2
3
4
2020
2021
2022
2023
2024
0
1
2
3
4
平均 {axis}
你对 Web 技术的总体状况感到满意吗?

JavaScript 满意度

0
1
2
3
4
2020
2021
2022
2023
2024
0
1
2
3
4
平均 {axis}
你对 JavaScript 的总体状况感到满意吗?
Your Path to Becoming a Senior Web Developer!
Will Sentance
Codesmith

Your Path to Becoming a Senior Web Developer!

Deep dive into JavaScript, the most popular framework React, Web performance, CSS, deploying websites, TypeScript, and functional JavaScript to become a professional web developer today.
Expand Your Abilities to the Server and Master the Fullstack
Jem Young
Netflix

Expand Your Abilities to the Server and Master the Fullstack

Set up servers, create APIs, and deploy your code to the world by learning the full stack.
感谢合作伙伴对我们的支持! 了解更多。