Что перестать делать в JavaScript в 2025 году

JavaScript развивается быстро. Паттерны кода, которые казались современными три года назад, теперь добавляют лишние байты, игнорируют улучшения платформы или полагаются на устаревшие API. Если вы разрабатываете production веб-приложения в 2025 году, вот JavaScript-антипаттерны, которых следует избегать, — и что использовать вместо них.

Перестаньте использовать устаревшие возможности языка

Некоторые возможности JavaScript были объявлены устаревшими или заменены много лет назад, но они продолжают существовать в кодовых базах через копирование и привычку.

Исключите из своего арсенала:

• Операторы with — Запрещены в строгом режиме с ES5. Они создают неоднозначную область видимости и нарушают оптимизации.
• __proto__ — Используйте вместо этого Object.getPrototypeOf() и Object.setPrototypeOf().
• String.prototype.substr — Устарел. Используйте slice() или substring().
• Устаревшие статические свойства RegExp, такие как RegExp.$1 — Они нестандартны и ненадёжны в разных движках.

Это не крайние случаи. Линтеры помечают их не зря. Современные паттерны JavaScript предполагают, что вы уже от них отказались.

Перестаньте по умолчанию обращаться к устаревшим библиотекам

jQuery, Moment.js, Lodash и RequireJS решали реальные проблемы — в 2015 году. Сегодня платформа покрывает большинство их сценариев использования нативно.

Что делать вместо этого:

• Манипуляции с DOM — querySelector, querySelectorAll и современные DOM API справляются с тем, что раньше делал jQuery.
• Работа с датами — Temporal API на подходе. До полной поддержки используйте date-fns или нативный Intl.DateTimeFormat.
• Вспомогательные функции — Возможности ES2023–ES2025, такие как Object.groupBy(), новые методы Set (.union(), .intersection()) и хелперы итераторов (.map(), .filter() на итераторах), заменяют большинство импортов Lodash.
• Загрузка модулей — Нативные ESM и import() делают RequireJS и AMD устаревшими.

Поставка библиотеки на 30 КБ для функциональности, которую браузер предоставляет бесплатно, — это frontend-ошибка, от которой нужно отказаться в 2025 году.

Перестаньте игнорировать возможности ES2023–ES2025

Язык значительно эволюционировал. Эти возможности стабильны или почти стабильны:

• Object.groupBy() и Map.groupBy() — Группируйте массивы без внешних библиотек.
• Хелперы итераторов — Объединяйте в цепочки .map(), .filter(), .take() непосредственно на итераторах.
• Новые методы Set — .union(), .intersection(), .difference(), .isSubsetOf().
• RegExp.escape() — Безопасно экранируйте строки для регулярных выражений.
• Атрибуты импорта и JSON-модули — import data from './config.json' with { type: 'json' }.
• await на верхнем уровне — Используйте его в модулях без оборачивания всего в async IIFE.

Проверяйте caniuse.com и ваши целевые браузеры, но не используйте по умолчанию полифиллы для возможностей, которые появились два года назад.

Перестаньте использовать JavaScript для того, что теперь делает CSS

Современный CSS поглотил функциональность, которая раньше требовала JavaScript. Использование JS для этого создаёт ненужную сложность и ухудшает производительность.

Позвольте CSS обрабатывать:

• Container queries — Адаптивные компоненты без хаков с ResizeObserver.
• Селектор :has() — Выбор родительских элементов без обхода DOM.
• Анимации, привязанные к прокрутке — animation-timeline: scroll() заменяет обработчики событий прокрутки.
• View transitions — Нативные эффекты переходов между страницами.

Каждый удалённый обработчик прокрутки — это победа для основного потока.

Перестаньте использовать Mutation Events и полагаться на сторонние cookie

Mutation Events (DOMSubtreeModified, DOMNodeInserted) устарели и работают плохо. Используйте вместо них MutationObserver — он стабилен уже более десяти лет.

Сторонние cookie фактически мертвы для отслеживания и кросс-сайтовых потоков аутентификации. График отказа Chrome сдвинулся, но Safari и Firefox заблокировали их много лет назад. Создавайте потоки аутентификации с использованием first-party cookie, токенов или федеративной идентификации. Не проектируйте архитектуру на основе предположений, которые не работают в половине браузеров ваших пользователей.

Перестаньте начинать новые проекты с CommonJS

Если вы пишете браузерный код в 2025 году и обращаетесь к require() или тяжёлым конфигурациям webpack, остановитесь. Нативные ESM работают везде, где это важно. Более лёгкие бандлеры, такие как Vite и esbuild, обрабатывают оставшиеся крайние случаи с минимальной конфигурацией.

CommonJS всё ещё имеет своё место в Node.js-библиотеках, нацеленных на старые окружения. Для нового frontend-кода это устаревший багаж.

Заключение

Лучшие практики JavaScript в 2025 году — это не погоня за трендами, а признание того, что платформа догнала ваши зависимости. Каждая удалённая устаревшая возможность, каждая отброшенная ненужная библиотека и каждое CSS-нативное решение, которое вы принимаете, делает ваш код меньше, быстрее и проще в поддержке.

Проведите аудит ваших текущих проектов. Проверьте ваши импорты. Задайтесь вопросом, действительно ли этой вспомогательной функции нужна библиотека или просто нативный метод, который вы ещё не изучили. Современные паттерны JavaScript уже здесь — вам просто нужно их использовать.

Часто задаваемые вопросы

Complete picture for complete understanding

Capture every clue your frontend is leaving so you can instantly get to the root cause of any issue with OpenReplay — the open-source session replay tool for developers. Self-host it in minutes, and have complete control over your customer data.

Check our GitHub repo and join the thousands of developers in our community.