JAVASCRIPT функции: примеры кода
BOM
- alert - Отображает диалоговое окно предупреждения с указанным содержимым и кнопкой OK.
- back - Переходит к предыдущей странице в истории сессии
- close - Закрывает текущее окно или окно, открытое скриптом.
- confirm - Отображает модальное диалоговое окно с сообщением и двумя кнопками: OK и Отмена.
- forward - Переходит к следующей странице в истории сессии
- go - Загружает определенную страницу из истории сессии
- navigator.language - Возвращает строку, представляющую предпочитаемый язык пользователя
- navigator.mimeTypes - Возвращает объект MimeTypeArray, перечисляющий MIME-типы, распознаваемые браузером
- navigator.onLine - Возвращает логическое значение, указывающее, подключен ли браузер к интернету
- navigator.platform - Возвращает строку, представляющую платформу браузера
- navigator.plugins - Возвращает объект PluginArray, перечисляющий плагины, установленные в браузере
- navigator.userAgent - Возвращает строку пользовательского агента для текущего браузера
- open - Открывает соединение с базой данных
- print - Открывает диалоговое окно печати для печати текущего документа.
- prompt - Отображает диалоговое окно с сообщением, предлагающим пользователю ввести текст.
- pushState - Добавляет запись в стек истории сессии браузера
- replaceState - Изменяет текущую запись истории
- scrollBy - Прокручивает документ на указанное количество пикселей.
- scrollTo - Прокручивает документ до указанных координат.
Canvas
- beginPath - Начинает новый путь, очищая список подпутей
- clearRect - Стирает пиксели в прямоугольной области, устанавливая их в прозрачный черный цвет
- drawImage - Рисует изображение, холст или видео на холсте
- fillRect - Рисует заполненный прямоугольник на холсте
- getContext - Возвращает контекст рисования на canvas или null, если идентификатор контекста не поддерживается
- getImageData - Возвращает объект ImageData, представляющий данные пикселей для указанной части холста
- lineTo - Соединяет последнюю точку подпути с указанными координатами (x, y) прямой линией
- moveTo - Перемещает начальную точку нового подпути к координатам (x, y)
- putImageData - Рисует данные из объекта ImageData на холст
- strokeRect - Рисует контур прямоугольника на холсте
Crypto
- crypto.getRandomValues - Генерирует криптографически безопасные случайные значения
- decrypt - Расшифровывает зашифрованные данные
- encrypt - Шифрует данные с использованием криптографического алгоритма
DOM
- addEventListener - Регистрирует обработчик события для определенного типа события на цели
- appendChild - Добавляет узел в конец списка дочерних элементов указанного родительского узла.
- blur - Удаляет фокус с указанного элемента.
- click - Симулирует клик мыши по элементу
- cloneNode - Возвращает копию узла, на котором был вызван.
- createElement - Создает HTML-элемент с указанным именем тега.
- createTextNode - Создает новый текстовый узел с указанным текстом.
- document.cookie - Получить, установить или удалить cookies, связанные с текущим документом
- DOMParser - Разбирает XML или HTML строки в DOM-документы
- focus - Устанавливает фокус на указанный элемент.
- getAttribute - Возвращает значение указанного атрибута элемента.
- getElementById - Возвращает элемент с указанным ID
- getElementsByClassName - Возвращает объект, подобный массиву, всех дочерних элементов со всеми заданными именами классов
- getElementsByTagName - Возвращает HTMLCollection элементов с заданным именем тега
- insertBefore - Вставляет узел перед указанным ссылочным узлом в качестве дочернего элемента родительского узла.
- preventDefault - Отменяет событие, если это возможно, не останавливая его дальнейшее всплытие
- querySelector - Возвращает первый элемент в документе, соответствующий указанному селектору
- querySelectorAll - Возвращает статический NodeList, представляющий список элементов, соответствующих указанному селектору
- removeChild - Удаляет дочерний узел из DOM и возвращает удаленный узел.
- removeEventListener - Удаляет обработчик события с цели
- replaceChild - Заменяет один дочерний узел родительского узла другим узлом.
- setAttribute - Устанавливает значение атрибута указанного элемента.
- stopPropagation - Останавливает дальнейшее всплытие или погружение текущего события
- style.setProperty - Устанавливает значение CSS-свойства
- window.getComputedStyle - Получает вычисленные CSS-стили элемента
IndexedDB
- createObjectStore - Создает и возвращает новое хранилище объектов или индекс
JSON
- JSON.parse - Разбирает строку JSON, создавая значение JavaScript или объект, описанный строкой
- JSON.stringify - Преобразует значение JavaScript в строку JSON
- toJSON - Возвращает строковое представление объекта Date, предназначенное для использования JSON.stringify()
Streams API
- ReadableStream - Представляет читаемый поток данных
- WritableStream - Представляет записываемый поток данных
Timer
- clearInterval - Отменяет повторяющееся действие, установленное вызовом setInterval.
- clearTimeout - Отменяет таймаут, ранее установленный вызовом setTimeout.
- setInterval - Повторяет выполнение функции с фиксированной задержкой
- setTimeout - Выполняет функцию с задержкой
URL
- URL - Создает и разбирает URL
- URL.createObjectURL - Создает DOMString, содержащий URL, представляющий данный объект
- URL.revokeObjectURL - Освобождает существующий URL объекта, созданный createObjectURL()
- URLSearchParams - Работает с параметрами запроса URL
Web Audio API
- AudioContext - Представляет граф обработки аудио
- decodeAudioData - Асинхронно декодирует данные аудиофайла
Web Storage
- localStorage.clear - Удаляет все пары ключ/значение из локального хранилища
- localStorage.getItem - Получает значение, связанное с заданным ключом, из локального хранилища
- localStorage.removeItem - Удаляет пару ключ/значение из локального хранилища по ключу
- localStorage.setItem - Добавляет пару ключ/значение в локальное хранилище
- sessionStorage.setItem - Добавляет пару ключ/значение в хранилище сессии
Web Workers
- postMessage - Отправляет сообщение воркеру или основному потоку
- Worker - Создает веб-воркер для параллельного выполнения
WebGL
- attachShader - Прикрепляет WebGLShader к WebGLProgram
- bindBuffer - Привязывает данный WebGLBuffer к цели
- bufferData - Создает и инициализирует хранилище данных объекта буфера
- compileShader - Компилирует WebGLShader
- createBuffer - Создает и инициализирует объект буфера
- createProgram - Создает объект WebGLProgram
- createShader - Создает объект WebGLShader
- linkProgram - Связывает данный WebGLProgram
- shaderSource - Устанавливает исходный код WebGLShader
- useProgram - Устанавливает объект WebGLProgram как часть текущего состояния рендеринга
WebRTC
- RTCPeerConnection - Создает WebRTC соединение между узлами
Анимация
- cancelAnimationFrame - Отменяет запрос на анимацию, ранее запланированный с помощью requestAnimationFrame.
- requestAnimationFrame - Планирует вызов функции перед следующей перерисовкой, идеально для плавной анимации.
Асинхронность
- async - Объявляет асинхронную функцию, которая возвращает Промис.
- await - Приостанавливает выполнение асинхронной функции и ждет разрешения Промиса.
- Promise - Создает промис для асинхронных операций
- Promise.catch - Добавляет обработчик для отклонения промиса
- Promise.then - Добавляет обработчики для выполнения/отклонения промиса
Бинарные данные
- ArrayBuffer - Представляет буфер сырых бинарных данных фиксированной длины.
- DataView - Представляет низкоуровневый интерфейс для чтения и записи множества числовых типов в ArrayBuffer.
- Float32Array - Представляет массив 32-битных чисел с плавающей запятой.
- Float64Array - Представляет массив 64-битных чисел с плавающей запятой.
- Int16Array - Представляет массив 16-битных целых чисел со знаком в дополнительном коде.
- Int32Array - Представляет массив 32-битных целых чисел со знаком в дополнительном коде.
- Int8Array - Представляет массив 8-битных целых чисел со знаком в дополнительном коде.
- Uint16Array - Представляет массив 16-битных целых чисел без знака.
- Uint32Array - Представляет массив 32-битных целых чисел без знака.
- Uint8Array - Представляет массив 8-битных целых чисел без знака.
Геолокация
- clearWatch - Удаляет обработчик, установленный с помощью watchPosition.
- getCurrentPosition - Получает текущее географическое местоположение устройства.
- watchPosition - Регистрирует функцию-обработчик, которая будет автоматически вызываться при каждом изменении местоположения устройства.
Глобальные функции
- eval - Выполняет код JavaScript, представленный в виде строки
- parseFloat - Разбирает аргумент и возвращает число с плавающей запятой
- parseInt - Разбирает строковый аргумент и возвращает целое число указанного основания
Дата и время
- Date.now - Возвращает количество миллисекунд, прошедших с 1 января 1970 года 00:00:00 UTC
- Date.parse - Разбирает строку с датой и возвращает количество миллисекунд с 1 января 1970 года
- Date.UTC - Принимает параметры даты и возвращает количество миллисекунд с 1 января 1970 года, 00:00:00 UTC
- getDate - Возвращает день месяца (1-31) для указанной даты
- getDay - Возвращает день недели (0-6) для указанной даты
- getFullYear - Возвращает год (4 цифры для 4-значных лет) указанной даты
- getHours - Возвращает час (0-23) в указанной дате
- getMilliseconds - Возвращает миллисекунды (0-999) в указанной дате
- getMinutes - Возвращает минуты (0-59) в указанной дате
- getMonth - Возвращает месяц (0-11) в указанной дате
- getSeconds - Возвращает секунды (0-59) в указанной дате
- getTime - Возвращает числовое значение указанной даты как количество миллисекунд с 1 января 1970 года, 00:00:00 UTC
- getTimezoneOffset - Возвращает разницу часового пояса в минутах между текущей локалью (настройками системы) и UTC
- getUTCDate - Возвращает день месяца указанной даты по всемирному времени (UTC)
- getUTCDay - Возвращает день недели указанной даты по всемирному времени (UTC)
- getUTCFullYear - Возвращает год указанной даты по всемирному времени (UTC)
- getUTCHours - Возвращает часы указанной даты по всемирному времени (UTC)
- getUTCMilliseconds - Возвращает миллисекунды указанной даты по всемирному времени (UTC)
- getUTCMinutes - Возвращает минуты указанной даты по всемирному времени (UTC)
- getUTCMonth - Возвращает месяц указанной даты по всемирному времени (UTC)
- getUTCSeconds - Возвращает секунды указанной даты по всемирному времени (UTC)
- setDate - Устанавливает день месяца для указанной даты
- setFullYear - Устанавливает полный год для указанной даты
- setHours - Устанавливает часы для указанной даты
- setMilliseconds - Устанавливает миллисекунды указанной даты по местному времени
- setMinutes - Устанавливает минуты указанной даты по местному времени
- setMonth - Устанавливает месяц указанной даты по местному времени
- setSeconds - Устанавливает секунды указанной даты по местному времени
- setTime - Устанавливает объект Date на время, представленное количеством миллисекунд с 1 января 1970 года, 00:00:00 UTC
- setUTCDate - Устанавливает день месяца указанной даты по всемирному времени (UTC)
- setUTCFullYear - Устанавливает полный год указанной даты по всемирному времени (UTC)
- setUTCHours - Устанавливает часы указанной даты по всемирному времени (UTC)
- setUTCMilliseconds - Устанавливает миллисекунды указанной даты по всемирному времени (UTC)
- setUTCMinutes - Устанавливает минуты указанной даты по всемирному времени (UTC)
- setUTCMonth - Устанавливает месяц указанной даты по всемирному времени (UTC)
- setUTCSeconds - Устанавливает секунды указанной даты по всемирному времени (UTC)
- toDateString - Возвращает часть даты объекта Date в виде читаемой строки
- toISOString - Возвращает строку в упрощенном расширенном формате ISO (ISO 8601)
- toLocaleDateString - Возвращает строку с зависящим от языка представлением части даты
- toLocaleTimeString - Возвращает строку с зависящим от языка представлением части времени
- toTimeString - Возвращает часть времени объекта Date в виде читаемой строки
- toUTCString - Преобразует дату в строку, используя часовой пояс UTC
Интернационазация
- Intl.Collator - Сравнение строк с учетом локали
- Intl.DateTimeFormat - Форматирует даты и время в соответствии с локалью
- Intl.NumberFormat - Форматирует числа в соответствии с локалью
Итераторы
- GeneratorFunction - Создает новый объект функции-генератора.
- next - Возвращает объект со свойствами value и done, представляющий следующее значение в итерации
- yield - Приостанавливает и возобновляет выполнение функции-генератора.
Массивы
- Array.from - Создает новый экземпляр Array из массивоподобного или итерируемого объекта
- Array.isArray - Определяет, является ли переданное значение массивом
- Array.of - Создает новый экземпляр Array с переменным числом аргументов
- every - Проверяет, удовлетворяют ли все элементы массива условию, заданному в передаваемой функции.
- fill - Заполняет все элементы массива от начального до конечного индекса статическим значением
- filter - Создает новый массив со всеми элементами, прошедшими проверку, реализованную переданной функцией.
- find - Возвращает значение первого элемента массива, удовлетворяющего условию в переданной функции.
- findIndex - Возвращает индекс первого элемента массива, удовлетворяющего условию в переданной функции.
- flat - Создает новый массив, рекурсивно объединяя вложенные массивы до указанной глубины
- flatMap - Преобразует каждый элемент с помощью функции, затем сглаживает результат в новый массив
- forEach - Выполняет указанную функцию один раз для каждого элемента массива.
- includes - Определяет, содержит ли массив или строку определенное значение
- indexOf - Возвращает первый индекс, по которому данный элемент может быть найден в массиве/строке
- join - Объединяет все элементы массива в строку
- lastIndexOf - Возвращает последний индекс, по которому данный элемент может быть найден в массиве/строке
- map - Создает новый массив с результатами вызова указанной функции для каждого элемента исходного массива.
- pop - Удаляет последний элемент из массива и возвращает его
- push - Добавляет один или более элементов в конец массива и возвращает новую длину массива
- reduce - Выполняет функцию-редьюсер для каждого элемента массива, возвращая одно результирующее значение.
- reduceRight - Применяет функцию к аккумулятору и каждому значению массива (справа налево), сводя его к одному значению
- reverse - Изменяет порядок элементов массива на обратный
- shift - Удаляет первый элемент из массива и возвращает удаленный элемент
- slice - Возвращает поверхностную копию части массива/строки в новый массив/строку
- some - Проверяет, удовлетворяет ли хотя бы один элемент массива условию, заданному в передаваемой функции.
- sort - Сортирует элементы массива на месте и возвращает отсортированный массив
- splice - Изменяет содержимое массива, удаляя или заменяя существующие элементы и/или добавляя новые
- unshift - Добавляет один или более элементов в начало массива и возвращает новую длину
Массивы/Коллекции
- add - Добавляет новую запись в хранилище объектов
Математика
- abs - Возвращает абсолютное значение числа
- acos - Возвращает арккосинус числа (в радианах)
- acosh - Возвращает гиперболический арккосинус числа
- asinh - Возвращает гиперболический арксинус числа
- atan - Возвращает арктангенс числа (в радианах)
- atan2 - Возвращает арктангенс отношения своих аргументов
- atanh - Возвращает гиперболический арктангенс числа
- cbrt - Возвращает кубический корень числа
- ceil - Возвращает наименьшее целое число, большее или равное данному
- clz32 - Возвращает количество ведущих нулевых битов в 32-битном двоичном представлении числа
- cos - Возвращает косинус числа (в радианах)
- cosh - Возвращает гиперболический косинус числа
- exp - Возвращает `e` (основание натуральных логарифмов), возведенное в степень числа
- expm1 - Возвращает `e` (основание натуральных логарифмов), возведенное в степень числа, минус 1
- floor - Возвращает наибольшее целое число, меньшее или равное данному
- fround - Возвращает ближайшее представление числа в формате числа с плавающей точкой одинарной точности
- hypot - Возвращает квадратный корень из суммы квадратов своих аргументов
- imul - Возвращает результат 32-битного умножения двух параметров в стиле C
- log10 - Возвращает логарифм числа по основанию 10
- log1p - Возвращает натуральный логарифм (по основанию `e`) от 1 + число
- log2 - Возвращает логарифм числа по основанию 2
- Math.asin - Возвращает арксинус числа (в радианах)
- Math.log - Возвращает натуральный логарифм (по основанию `e`) числа
- Math.max - Возвращает наибольшее из переданных чисел
- Math.random - Возвращает случайное число от 0 до 1
- Math.sin - Возвращает синус числа
- min - Возвращает наименьшее из нуля или более чисел
- pow - Возвращает основание, возведенное в степень показателя
- round - Возвращает значение числа, округленное до ближайшего целого
- sign - Возвращает знак числа, указывая, является ли число положительным, отрицательным или нулем
- sinh - Возвращает гиперболический синус числа
- sqrt - Возвращает квадратный корень числа
- tan - Возвращает тангенс числа (в радианах)
- tanh - Возвращает гиперболический тангенс числа
- trunc - Возвращает целую часть числа, удаляя дробные цифры
Медиа
- enumerateDevices - Предоставляет информацию о доступных медиа-устройствах ввода/вывода в системе
- getUserMedia - Запрашивает у пользователя разрешение на использование медиа-ввода (камера, микрофон)
Модули
Мультимедиа
- canPlayType - Возвращает оценку вероятности того, что браузер может воспроизвести данный медиа-тип
- pause - Приостанавливает воспроизведение медиа
- play - Начинает воспроизведение медиа
Обработка ошибок
Объекты
- entries - Возвращает новый итератор массива, содержащий пары ключ/значение для каждого индекса в массиве
- fromEntries - Преобразует список пар ключ-значение в объект
- get - Получает запись из хранилища объектов по ее ключу
- hasOwnProperty - Возвращает true, если объект имеет указанное свойство как собственное (не унаследованное)
- Object.assign - Копирует значения из одного или нескольких исходных объектов в целевой объект
- Object.is - Сравнивает два значения на равенство, аналогично ===, но по-другому обрабатывает NaN и +/-0.
- Object.keys - Возвращает массив перечисляемых имен свойств объекта
- propertyIsEnumerable - Возвращает true, если указанное свойство является перечислимым
- toLocaleString - Возвращает строку с языко-зависимым представлением числа/даты/массива
- toString - Возвращает строку, представляющую объект
- valueOf - Возвращает примитивное значение указанного объекта
- values - Возвращает новый итератор массива, содержащий значения для каждого индекса
- WeakRef.deref - Возвращает целевой объект WeakRef или undefined, если цель была собрана сборщиком мусора
Основные типы
- Array - Создает новый массив
- BigInt - Создает значение типа BigInt
- Boolean - Преобразует значение в логический тип
- Date - Создает новый объект Date, представляющий текущую дату и время
- Function - Создает новый объект Function.
- Number - Преобразует значение в число
- Object - Создает новый объект
- String - Преобразует значение в строку
Отладка
- console.assert - Выводит сообщение и трассировку стека в консоль, если утверждение ложно
- console.error - Выводит сообщение об ошибке в веб-консоль.
- console.info - Выводит информационное сообщение в веб-консоль.
- console.log - Выводит сообщение в веб-консоль.
- console.time - Запускает таймер с определенной меткой
- console.timeEnd - Завершает таймер с определенной меткой и выводит прошедшее время
- console.warn - Выводит предупреждение в веб-консоль.
Примеры кода
- createCounter - Создает функцию-счетчик на основе замыкания
- createMultiplier - Возвращает функцию, умножающую на фиксированный коэффициент
- createPerson - Пример фабричной функции, которая создает и возвращает объект человека
- deepClone - Рекурсивно создает глубокую копию значения (часто реализуется вручную)
- factorial - Рекурсивно вычисляет факториал неотрицательного целого числа
- fibonacci - Рекурсивно вычисляет n-е число Фибоначчи
- me - desc_ru
- Person - Функция-конструктор для создания объектов Person
- value - Возвращает примитивное значение строкового объекта.
Производительность
- performance.memory - (Chrome) Возвращает объект, содержащий информацию об использовании памяти
- performance.now - Возвращает высокоточную временную метку, измеренную в миллисекундах
Работа с данными
Регулярные выражения
Сетевые запросы
- fetch - Начинает процесс получения ресурса из сети
- FormData.append - Добавляет новое значение к существующему ключу в объекте FormData или добавляет ключ, если он не существует
- WebSocket - Создает WebSocket соединение
- WebSocket.send - Отправляет данные через WebSocket соединение
- XMLHttpRequest.open - Инициализирует новый запрос или повторно инициализирует существующий
- XMLHttpRequest.send - Отправляет запрос на сервер
События
Строки
- charAt - Возвращает символ по указанному индексу в строке
- charCodeAt - Возвращает значение Юникода символа по указанному индексу в строке
- codePointAt - Возвращает неотрицательное целое число, являющееся значением кодовой точки Юникода по заданной позиции
- concat - Объединяет два или более массивов/строк и возвращает новый массив/строку
- decodeURI - Декодирует унифицированный идентификатор ресурса (URI), созданный encodeURI или подобным
- decodeURIComponent - Декодирует компонент унифицированного идентификатора ресурса (URI), созданный encodeURIComponent
- encodeURI - Кодирует унифицированный идентификатор ресурса (URI), заменяя каждый экземпляр определенных символов
- encodeURIComponent - Кодирует компонент унифицированного идентификатора ресурса (URI), заменяя каждый экземпляр определенных символов
- endsWith - Определяет, заканчивается ли строка символами указанной строки
- fromCharCode - Возвращает строку, созданную из указанной последовательности значений Юникода
- fromCodePoint - Возвращает строку, созданную из указанной последовательности кодовых точек Юникода
- localeCompare - Возвращает число, указывающее, идет ли строка ссылки до, после или совпадает с данной строкой
- normalize - Возвращает форму нормализации Юникода строки
- padEnd - Дополняет текущую строку с конца заданной строкой до заданной длины
- padStart - Дополняет текущую строку с начала заданной строкой до заданной длины
- repeat - Возвращает новую строку, состоящую из указанного количества копий данной строки
- replace - Возвращает новую строку, в которой некоторые или все совпадения с шаблоном заменены на указанную строку
- replaceAll - Возвращает новую строку, в которой все совпадения с шаблоном заменены на замену
- search - Выполняет поиск соответствия между регулярным выражением и этой строкой
- split - Разделяет строку на массив подстрок по указанному разделителю
- startsWith - Определяет, начинается ли строка с символов указанной строки
- substr - Возвращает символы в строке, начиная с указанной позиции и указанное количество символов
- substring - Возвращает подстроку строки между двумя указанными индексами
- toLowerCase - Возвращает строку, преобразованную в нижний регистр
- toUpperCase - Возвращает строку, преобразованную в верхний регистр
- trim - Удаляет пробельные символы с обоих концов строки
- trimEnd - Удаляет пробельные символы с конца строки
- trimLeft - Удаляет пробельные символы с начала строки
- trimRight - Удаляет пробельные символы с конца строки
- trimStart - Удаляет пробельные символы с начала строки
Текст
- TextDecoder - Декодирует поток байтов в строку в соответствии с указанной кодировкой символов.
- TextEncoder - Кодирует строку в поток байтов UTF-8.
Файлы
- FileReader.readAsArrayBuffer - Читает содержимое File или Blob как ArrayBuffer
- FileReader.readAsDataURL - Читает содержимое File или Blob и возвращает data URL
- FileReader.readAsText - Читает содержимое File или Blob как текстовую строку
Функции
Функциональное программирование
- curry - Преобразует функцию для частичного применения
- debounce - Создает функцию с отложенным вызовом, которая задерживает вызов до истечения указанного времени после последнего вызова
- memoize - Кэширует результаты функции на основе аргументов
- partial - Создает функцию с предзаполненными аргументами
- throttle - Создает функцию, которая вызывается не чаще одного раза в указанный промежуток времени
Числа
- isInteger - Определяет, является ли переданное значение целым числом
- isSafeInteger - Определяет, является ли переданное значение безопасным целым числом
- Number.isFinite - Определяет, является ли переданное значение конечным числом, с более строгой проверкой типа, чем isFinite.
- Number.isNaN - Определяет, является ли переданное значение NaN, с более строгой проверкой типа, чем isNaN.
- toExponential - Возвращает строку, представляющую число в экспоненциальной нотации
- toFixed - Возвращает строку, представляющую число в нотации с фиксированной точкой
- toPrecision - Возвращает строку, представляющую число с указанной точностью
Шаблонизация
- html - Помеченный шаблонный литерал для очистки HTML-строк (пример использования библиотеки, например html)
- String.raw - Функция-тег для шаблонных литералов для получения необработанной строковой формы
Языковые конструкции
- instanceof - Проверяет, присутствует ли в цепочке прототипов объекта свойство prototype указанного конструктора.
- typeof - Возвращает строку, указывающую тип невычисленного операнда.
- void - Вычисляет выражение и возвращает undefined.