跳至內容

State of JavaScript 2024

Features

While they aren't seeing wide usage just yet, JavaScript's new Set and Object features will make it less necessary to rely on third-party utility libraries.

Also, whenever available we now display each feature's Baseline status: green for “widely available”, blue for “newly available”, and white for “limited availability”.

Syntax Features

0%
17%
34%
51%
68%
85%
1

11,467
2

9,060
3

6,080
4

5,865
5

2,639
6

2,370
7

🚫 None

668
0%
17%
34%
51%
68%
85%
% 問題回應者
13,452
96%
Which of these syntax features have you used?

String Features

0%
15%
30%
45%
60%
76%
1

9,859
2

5,887
3

3,534
4

🚫 None

2,156
0%
15%
30%
45%
60%
76%
% 問題回應者
13,051
93%
Which of these String features have you used?

Array Features

0%
8%
16%
24%
32%
40%
1

4,940
2

3,954
3

3,925
4

2,374
5

1,651
6

603
7

🚫 None

4,803
0%
8%
16%
24%
32%
40%
% 問題回應者
12,404
89%
Which of these Array features have you used?

Async Features

0%
9%
19%
28%
38%
47%
1

5,813
2

5,302
3

1,855
4

13
5

🚫 None

3,842
0%
9%
19%
28%
38%
47%
% 問題回應者
12,241
87%
Which of these async features have you used?

Set Features

0%
15%
30%
46%
61%
76%
1

1,800
2

1,715
3

1,687
4

877
5

528
6

364
7

295
8

🚫 None

8,632
0%
15%
30%
46%
61%
76%
% 問題回應者
11,379
81%
Which of these Set features have you used?

Object Features

0%
13%
27%
40%
53%
67%
1

3,620
2

🚫 None

7,299
0%
13%
27%
40%
53%
67%
% 問題回應者
10,919
78%
Which of these Object features have you used?
We asked members of the JavaScript community to share their “pick of the year”

My 2024 Pick: TanStack

Tanstack, a banquet of practical, high quality, battle tested libraries, culminating in the TanStack Start framework.
We asked members of the JavaScript community to share their “pick of the year”

Jack Herrington

Coder & YouTuber

Browser APIs

0%
12%
25%
37%
50%
62%
1

7,982
2

6,291
3

4,502
4

2,457
5

2,393
6

2,314
7

2,312
8

1,924
9

1,509
10

1,259
11

1,258
12

1,186
13

398
14

184
15

Cutoff Answers

6
16

🚫 None

1,733
0%
12%
25%
37%
50%
62%
% 問題回應者
12,860
92%
Which of these browser APIs have you used?

Language Pain Points

When asked what aspect of JavaScript they struggled with the most, respondents overwhelmingly mentioned the lack of a built-in type system – with browser support issues a distant second.

0%
19%
37%
56%
74%
93%
1

Static typing

2

Browser support

3

Dates

4

TypeScript support

5

ESM & CJS

6

Error handling

7

Performance

8

Async programming

9

Standard Library

10

Security

0%
19%
37%
56%
74%
93%
% 問題回應者
3,892
28%
What are your main pain points regarding the JavaScript language?
(自由填答問題)

Browser APIs Pain Points

Unsurprisingly, poor browser support was the top obstacle regarding browsers and their APIs. Safari was also highlighted as a common pain point, and so was the overall lack of documentation about browser features.

0%
13%
27%
40%
54%
67%
1

Browser support

2

Safari

3

Lack of documentation

4

Performance

5

Excessive complexity

6

Firefox issues

7

<input type="date">

8

9

Chrome

10

DOM API

0%
13%
27%
40%
54%
67%
% 問題回應者
2,078
15%
What are your main pain points regarding browser APIs?
(自由填答問題)
We asked members of the JavaScript community to share their “pick of the year”

My 2024 Pick: Arisa Fukuzaki

Arisa is am amazing tech educator, mentor, docs & DevRel engineer who's super passionate about JS frameworks, community work and supporting women in tech. She's one to watch!
We asked members of the JavaScript community to share their “pick of the year”

Josefine Schaefer

Accessibility Engineer

Reading List

The Reading List lets you save items you want to learn more about after the survey is complete. This year, error.cause, Logical Assignment, and Object.groupBy() were the features that most triggered respondents' curiosity.

0%
6%
12%
19%
25%
31%
1

1,560
2

1,379
3

1,347
4

1,219
5

1,216
6

1,165
7

1,112
8

1,048
9

999
10

957
0%
6%
12%
19%
25%
31%
% 問題回應者
How many time each item was added to respondent's Reading List, a feature that lets people learn more about specific topics as they take the survey.
5,033
36%

推薦資源

Advanced Web Development Quiz
Lydia Hallie

Advanced Web Development Quiz

Challenge your knowledge with a quiz on the advanced parts of web development! You’ll answer 30 questions spanning a wide range of front-end development concepts, from JavaScript and CSS to delving into the more complex areas of performance optimization, web security, and HTTP protocols.
JavaScript: The Hard Parts, v2
Will Sentance
Codesmith

JavaScript: The Hard Parts, v2

Combining mental models of JavaScript's inner workings and hands-on programming challenges, this course will give you a solid understanding of callbacks and higher-order functions, closure, asynchronous JavaScript, and object-oriented JavaScript.
感謝贊助我們的伙伴！ 深入瞭解。