メインコンテンツにスキップ

State of JavaScript 2024

機能

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”.

構文機能

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

🚫 該当なし

668
0%
17%
34%
51%
68%
85%
回答数に占める割合（%）
13,452
96%
どの構文機能を使ったことがありますか？

文字列の機能

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

9,859
2

5,887
3

3,534
4

🚫 該当なし

2,156
0%
15%
30%
45%
60%
76%
回答数に占める割合（%）
13,051
93%
どの文字列機能を使ったことがありますか？

配列の機能

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

4,940
2

3,954
3

3,925
4

2,374
5

1,651
6

603
7

🚫 該当なし

4,803
0%
8%
16%
24%
32%
40%
回答数に占める割合（%）
12,404
89%
どの配列機能を使ったことがありますか？

非同期の機能

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

5,813
2

5,302
3

1,855
4

13
5

🚫 該当なし

3,842
0%
9%
19%
28%
38%
47%
回答数に占める割合（%）
12,241
87%
どの非同期機能を使ったことがありますか？

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

🚫 該当なし

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

🚫 該当なし

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

ブラウザのAPI

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

🚫 該当なし

1,733
0%
12%
25%
37%
50%
62%
回答数に占める割合（%）
12,860
92%
どのブラウザAPIを使ったことがありますか？

言語のつらいところ

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%
JavaScript言語に関して、つらいと感じるところは何ですか？
Freeform

ブラウザAPIのつらいところ

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%
ブラウザAPIに関して、つらいと感じるところは何ですか？
Freeform
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.
パートナーのサポートに感謝しています！ 詳細をみる。