Об'єкти 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().
Зворотний зв'язок
Вхід