Об'єкти JavaScript — довідник методів і властивостей
JavaScript — мова програмування, яка найчастіше використовується для створення інтерактивних Web-сторінок.
Дозволяє реалізувати ряд складних рішень в Web-документах і надає можливість на боці клієнта взаємодіяти з користувачем.
Із JavaScript можна:
- створювати сценарії Web-сторінок
- динамічно змінювати зовнішній вигляд Web-сторінок
- асинхронно обмінюватися даними з сервером
- створювати односторінкові та прогресивні Web-застосунки (React, AngularJS, Vue.js)
Із JavaScript також можна програмувати на боці сервера
| Об'єкт | Опис |
|---|---|
| Array | Масиви використовуються для зберігання кількох значень в одній змінній. |
| ArrayBuffer | Сирий буфер двійкових даних фіксованої довжини; читається через типізовані масиви. |
| Attr | Представляє атрибут елемента DOM та дозволяє отримувати та модифікувати його значення. |
| BigInt | Цілі числа довільної довжини — понад безпечну межу Number. |
| Boolean | Представляє значення істини: true або false. |
| Class | Шаблон для створення об'єктів. |
| Collection | Впорядкована колекція DOM-вузлів (HTMLCollection): доступ за індексом і за іменем. |
| Console | Надає методи для виводу інформації в консоль веб-браузера та взаємодії з нею. |
| CSSStyleDeclaration | Представляє колекцію CSS-властивостей для конкретного DOM-елемента та дозволяє зчитувати або модифікувати їх значення. |
| DataView | Читання й запис у ArrayBuffer з довільним зсувом і порядком байтів. |
| Date | Представляє єдиний момент часу в незалежному від платформи форматі. |
| Document | Представляє веб-документ та надає функціональність для доступу та маніпулювання його структурою, змістом та стилем. |
| DOMTokenList | Представляє список рядкових токенів, що зазвичай використовуються для управління класами елементів. |
| Element | Представляє один елемент в DOM та надає методи та властивості для маніпуляції з цим елементом |
| Error | Викидається, коли виникають помилки під час виконання коду. |
| Event | Представляє інформацію про подію, яка відбулася в системі або на веб-сторінці. |
| Fetch | Надає інтерфейс для здійснення мережевих запитів та завантаження ресурсів з Інтернету. |
| Fullscreen | Дозволяє взаємодіяти з режимом повноекранного відображення. |
| Function | Об'єкт-функція: кожна функція в JavaScript — екземпляр Function. |
| Generator | Ітератор, що вміє призупинятись: функція-генератор віддає значення через yield. |
| Geolocation | Дозволяє отримувати географічне положення користувача пристрою. |
| Global | Різні середовища виконання можуть надавати власні глобальні об'єкти (у браузері — window, в Node.js — global). |
| History | Дозволяє взаємодіяти з історією сесії браузера, даваючи можливість навігації вперед, назад та у інші місця в історії сторінки. |
| HTMLCollection | Представляє колекцію елементів DOM, які можна адресувати за індексом або ім'ям. |
| Intl | Інтернаціоналізація: форматування дат, чисел і списків за правилами локалі. |
| JSON | Містить статичні методи для розбору значень з формату JSON та конвертації значень до цього формату. |
| Location | Представляє інформацію про поточний URL документа та надає методи для зміни цього URL. |
| Map | Колекція пар ключ–значення, де ключем може бути будь-що, зі збереженим порядком вставки. |
| Math | Містить статичні властивості та методи для математичних констант і функцій. |
| MediaQueryList | Дозволяє визначати та відслідковувати зміни в результаті запитів медіа (наприклад, зміни у розмірі екрана або орієнтації пристрою). |
| Navigator | Надає інформацію про браузер користувача та систему, а також містить деякі методи для контролю певних функцій браузера. |
| NodeList | Представляє собою колекцію вузлів і дозволяє перебирати та маніпулювати цими вузлами. |
| Number | Є обгорткою над числовим значенням та містить константи та методи для роботи з числами. |
| Object | Є одним з типів даних у JavaScript й використовується для зберігання різноманітних колекцій з ключами. |
| Promise | Представляє результат асинхронної операції — майбутнє значення або помилку. |
| Proxy | Обгортка над об'єктом, що перехоплює операції з ним: читання, запис, виклик… |
| Reflect | Вбудовані методи для операцій над об'єктами — програмний двійник операторів мови. |
| RegExp | Використовується для пошуку тексту за певним шаблоном. |
| Screen | Надає інформацію про розмір екрану користувача та його характеристики. |
| Set | Колекція УНІКАЛЬНИХ значень зі збереженим порядком вставки. |
| Storage | Надає можливість взаємодії з сесійним та локальним сховищами веб-переглядача для зберігання даних в ключ-значення форматі. |
| String | Надає різноманітні методи для маніпулювання рядками. |
| Symbol | Унікальний і незмінний примітив — найчастіше ключ властивості, який ні з чим не зіткнеться. |
| TypedArray | Представляє собою масив фіксованої довжини для роботи з бінарними даними. |
| WeakMap | Map зі слабкими посиланнями на ключі-об'єкти: не заважає збиральнику сміття. |
| WeakSet | Set зі слабкими посиланнями: зберігає лише об'єкти й не заважає збиральнику сміття. |
| Window | Глобальний об'єкт браузера: вікно з документом, історією, таймерами і сховищами. |
| DocumentFragment | Легкий контейнер вузлів поза деревом: збери розмітку, встав одним рухом. |
| DOMParser | Розбирає рядок HTML чи XML у повноцінний документ. |
| EventTarget | Базовий клас усього, що вміє приймати події — елементів, документа, вікна. |
| Node | Базовий клас усіх вузлів DOM: елементів, тексту, коментарів. |
| Range | Фрагмент документа між двома точками — основа виділення і роботи з ним. |
| Selection | Поточне виділення тексту користувачем. |
| ShadowRoot | Корінь тіньового DOM — ізольованого піддерева кастомного елемента. |
| AnimationEvent | Анімаційні події дозволяють відстежувати початок, завершення та перебіг CSS-анімацій у DOM. |
| ClipboardEvent | Дозволяє перехоплювати і обробляти операції копіювання, вирізання і вставки в елементах. |
| DragEvent | Забезпечує інтерфейс для відстеження і керування діями перетягування елементів на сторінці. |
| FocusEvent | Відстежує момент, коли елемент отримує або втрачає фокус. |
| HashChangeEvent | Відстежує зміни в частині URL після символу `#` без перезавантаження сторінки. |
| InputEvent | Відстежує зміни у введених користувачем даних в текстових полях форми. |
| KeyboardEvent | Відстежує натискання та відпускання клавіш на клавіатурі користувача. |
| MouseEvent | Дозволяє обробляти взаємодії користувача з мишею, як-от кліки чи наведення. |
| PageTransitionEvent | Контролює події завантаження або вивантаження сторінки, включаючи переходи між ними. |
| PopStateEvent | Дозволяє реагувати на зміни історії браузера при навігації вперед або назад. |
| ProgressEvent | Дозволяє відстежувати прогрес завантаження ресурсів або обробки даних у реальному часі. |
| StorageEvent | Відстежує зміни у сховищі `localStorage` або `sessionStorage` між різними вкладками чи вікнами браузера |
| TouchEvent | Дозволяє відстежувати дотики до сенсорних екранів і взаємодії користувача з ними. |
| TransitionEvent | Слідкує за завершенням CSS-переходів для інтерактивних анімацій. |
| UIEvent | Відстежує інтерактивність користувача, пов’язану з інтерфейсом, наприклад фокус, введення тексту чи прокрутку. |
| WheelEvent | Відстежує зміну прокручування миші по елементу чи сторінці. |
| AbortController | Скасовує асинхронні операції — насамперед fetch-запити. |
| Blob | Незмінний шматок двійкових даних із типом MIME. |
| Crypto | Криптографія в браузері: випадкові значення та Web Crypto API. |
| File | Файл користувача: Blob з іменем і датою зміни — з чи drag-and-drop. |
| FileReader | Асинхронно читає вміст File чи Blob у текст, DataURL або буфер. |
| FormData | Пари ключ–значення форми — для відправлення через fetch, включно з файлами. |
| IntersectionObserver | Стежить, коли елемент з'являється у видимій області — лінива загрузка, нескінченні стрічки. |
| MutationObserver | Стежить за змінами DOM: атрибути, діти, текст. |
| Notification | Системні сповіщення від сайту — поза вкладкою браузера. |
| ResizeObserver | Стежить за зміною РОЗМІРУ елементів — media query для окремого елемента. |
| ServiceWorker | Проксі між сайтом і мережею: офлайн-режим, кеш, пуш-сповіщення. |
| TextDecoder | Декодує байти в рядок із заданого кодування. |
| TextEncoder | Кодує рядок у байти UTF-8. |
| URL | Розбирає, будує та змінює адреси: протокол, хост, шлях, параметри. |
| URLSearchParams | Робота з параметрами рядка запиту: читання, додавання, видалення. |
| WebSocket | Двосторонній канал між браузером і сервером поверх одного з'єднання. |
| Worker | Фоновий потік для важких обчислень — не блокує інтерфейс. |
| XMLHttpRequest | Класичний HTTP-запит зі сторінки; у новому коді зазвичай замінюється fetch(). |