jQuery 4.0: модульная архитектура и отказ от дубликатов браузерного функционала

[hannadev]

jQuery 4.0 вышла в 2026 году и кардинально изменила подход к разработке. Библиотека теперь использует модульную архитектуру на базе ESM и избавилась от устаревших методов, дублирующих нативный JavaScript. Это делает код чище, быстрее и легче в использовании.

Зачем это важно? Многие проекты всё ещё зависят от jQuery, но современные браузеры предлагают мощный функционал без лишних библиотек. Переход помогает сократить размер бандла, улучшить производительность и повысить безопасность. Проблемы с legacy-кодом и старыми браузерами уходят в прошлое.

Модульная архитектура на ESM

Переход на ECMAScript Modules - это шаг к современным стандартам. Раньше jQuery полагалась на AMD или CommonJS, что создавало проблемы с бандлерами вроде Vite или webpack. Теперь библиотека поставляется как ESM-модуль, что упрощает импорт и интеграцию.

Представьте проект на React или Vue: раньше приходилось настраивать полифилы, а теперь просто import. Это ускоряет сборку и снижает overhead. Разработчики отмечают лучшую совместимость с tree-shaking - неиспользуемый код отсекается автоматически. В итоге библиотека становится частью экосистемы, а не монолитом.

Ключевые изменения в модульности:

• Поддержка package exports для разных форматов (ESM, CJS).
• Интеграция с современными инструментами сборки без хаков.
• Возможность импорта отдельных частей jQuery.

Сравнение модульных систем
Формат	jQuery 3.x	jQuery 4.0
--------------	----------------	---------------
ESM	Нет	Да
Tree-shaking	Ограничено	Полная
Бандлеры	AMD-хак	Нативно

Отказ от устаревших API

jQuery 4.0 удалила методы, которые давно заменены нативными аналогами браузеров. Например, jQuery.isArray уступило место Array.isArray, jQuery.trim - String.prototype.trim. Это не просто чистка: библиотека теряет вес, а код становится предсказуемее.

Раньше разработчики привыкли к удобству, но это создавало дубликаты и путаницу. Теперь фокус на DOM-манипуляциях и событиях, где jQuery всё ещё силён. Важно: удалены даже внутренние методы Array вроде push или splice. Миграция проста - используйте нативный JS или плагин для совместимости.

Удалённые API и альтернативы:

• jQuery.isArray → Array.isArray()
• jQuery.trim → str.trim()
• jQuery.parseJSON → JSON.parse()

Метод jQuery	Нативная альтернатива	Выигрыш в размере
isArray	Array.isArray	-0.5 КБ
trim	trim()	-0.3 КБ
parseJSON	JSON.parse	-1 КБ

Улучшения безопасности и событий

Поддержка Trusted Types - ключевое нововведение для защиты от XSS. Теперь методы вроде .html() принимают объекты TrustedHTML, что идеально работает с CSP. Раньше jQuery могла конфликтовать с строгими политиками безопасности.

Порядок событий focus/blur приведён к W3C-спецификации: blur, focusout, focus, focusin. Это устраняет кросс-браузерные quirks прошлого. Slim-сборка стала легче - без AJAX, анимаций и Deferreds, полагаясь на Promises. Размер полной версии - 27.5 КБ, slim - 19.5 КБ после gzip.

Преимущества обновлений:

• Trusted Types интегрируется с .html(), .append().
• Совместимость с CSP без отключения политик.
• Обновлённый порядок событий для предсказуемости.

Slim-сборка и поддержка браузеров

jQuery 4.0 сняла поддержку IE10, Edge Legacy и старых мобильных браузеров. IE11 пока живёт, но уйдёт в jQuery 5. Это логично - фокус на Chromium, Firefox ESR и Safari 15+.

Slim-версия идеальна для лёгких проектов: без анимаций, AJAX и очередей. Замените Deferred на Promise - и код полетит. Размер сократился на 3 КБ за счёт удалений. Для миграции есть плагин, который полифилит breaking changes.

Изменения в поддержке:

• Нет IE10 и старше.
• IE11 - временно.
• Полная поддержка современных браузеров.

Сборка	Размер (gzip)	Что удалено
Полная	27.5 КБ	Legacy API
Slim	19.5 КБ	AJAX, effects, Deferred

Что даёт jQuery 4.0 проектам

jQuery 4.0 превращает библиотеку в компактный инструмент для legacy-проектов и простых задач. Модульность открывает двери для микрофронтендов, а отказ от дубликатов ускоряет рендеринг. Остаётся подумать о полной миграции на нативный JS для новых фич вроде Custom Elements.

В legacy-коде изменения минимальны, но безопасность на новом уровне. Размер и скорость - плюс для мобильных приложений. Дальше - эволюция под Web Components и Signals.