Перейти до вмісту

State of JavaScript 2024

Функції

Хоч вони ще не мають широкого використання, нові функції JavaScript для Set і Object зменшать необхідність покладатися на сторонні бібліотеки утиліт.

Також, за можливості, ми тепер відображаємо базову лінію кожної функції: зелену для "широкодоступного", синю для "доступного віднедавна" та білу для "доступного обмежено".

Елементи синтаксису

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

11,467
2

9,060
3

6,080
4

5,865
5

2,639
6

2,370
7

🚫 Нічого

668
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
13,452
96%
Які з наведених елементів синтаксису ви використовували?

Функції String

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

9,859
2

5,887
3

3,534
4

🚫 Нічого

2,156
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
13,051
93%
Які з наведених функцій String ви використовували?

Функції Array

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

4,940
2

3,954
3

3,925
4

2,374
5

1,651
6

603
7

🚫 Нічого

4,803
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
12,404
89%
Які з наведених функцій Array ви використовували?

Асинхронні функції

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

5,813
2

5,302
3

1,855
4

13
5

🚫 Нічого

3,842
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
12,241
87%
Які з наведених асинхронних функцій ви використовували?

Функції Set

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

1,800
2

1,715
3

1,687
4

877
5

528
6

364
7

295
8

🚫 Нічого

8,632
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
11,379
81%
Які з наведених функцій Set ви використовували?

Функції Object

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

3,620
2

🚫 Нічого

7,299
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
10,919
78%
Які з наведених функцій Object ви використовували?
Ми покликали спільноту JavaScript поділитися своїм "вибором року"

Мій вибір 2024: TanStack

Tanstack, бенкет із практичних, високоякісних, перевірених у боях бібліотек, кульмінацією яких став фреймворк TanStack Start.
Ми покликали спільноту JavaScript поділитися своїм "вибором року"

Jack Herrington

Програміст та YouTube-відеоблогер

API браузера

0%
20%
40%
60%
80%
100%
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

Відкинуті відповіді

6
16

🚫 Нічого

1,733
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
12,860
92%
Які з наведених API браузера ви використовували?

Проблеми мови

Коли респондентів запитали про їхні найбільші труднощі у роботі із JavaScript, переважна більшість згадала відсутність вбудованої системи типів, а проблеми з підтримуванням браузерами залишилися на далекому другому місці.

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

Статична типізація

2

Підтримання браузерами

3

Dates

4

Підтримання TypeScript

5

ESM & CJS

6

Обробка помилок

7

Швидкодія

8

Асинхронне програмування

9

Стандартна бібліотека

10

Безпека

0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
3,892
28%
Які проблеми мови JavaScript найбільше вас розчаровують?
Довільна форма

Проблеми API браузера

Очікувано, погане підтримання браузерами було головною перешкодою у сфері браузерів та їхніх API. Поширеними проблемами також стали загальна відсутність документації про функції браузерів і власне браузер Safari.

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

Підтримання браузерами

2

Safari

3

Відсутність документації

4

Швидкодія

5

Надмірна складність

6

Проблеми Firefox

7

<input type="date">

8

9

Chrome

10

DOM API

0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
2,078
15%
Які проблеми API браузера найбільше вас розчаровують?
Довільна форма
Ми покликали спільноту JavaScript поділитися своїм "вибором року"

Мій вибір 2024: Arisa Fukuzaki

Arisa — прекрасна технічна викладачка, наставниця, інженерка у сфері DevRels та ведення документації, що захоплено займається JavaScript-фреймворками, роботою зі спільнотою та підтримкою жінок у технологічній індустрії. Вона варта вашої уваги!
Ми покликали спільноту JavaScript поділитися своїм "вибором року"

Josefine Schaefer

Інженерка з доступності

Список читання

Список читання дозволяє зберігати елементи екосистеми (наведені у відповідях), які ви хочете дослідити після завершення опитування. Цього року респондентів найбільше зацікавили такі функції: error.cause, оператор логічного присвоєння й Object.groupBy().

0%
20%
40%
60%
80%
100%
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%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
Скільки разів кожен з елементів був доданий до списку читання респондента — функції, що дає змогу користувачам дізнатися більше про відповідні теми під час опитування.
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.
Спонсорований вміст від наших партнерів. Детальніше.