Простой JavaScript
6.25K subscribers
1.33K photos
52 links
JavaScript человеческим языком.
Аудитория: Frontend разработчики, верстальщики, люди, интересующиеся языком программирования JavaScript.

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/simple_js/card?r=-Cl9H

Perfluence
Download Telegram
Функция fetch принимает два параметра:
url — адрес, по которому нужно сделать запрос
options (необязательный) — объект конфигурации, в котором можно настроить метод запроса, тело запроса, заголовки и многое другое
По умолчанию вызов fetch делает GET-запрос по указанному адресу. 

#fetch
History API даёт доступ к управлению историей браузера в рамках текущей сессии. Браузер создаёт новую сессию, когда пользователь открывает новую вкладку или новое окно браузера.

С помощью History API можно переходить по истории вперёд, назад и управлять содержимым истории. Доступ к API осуществляется с помощью объекта window.history.
location — это объект хранящийся в window, который позволяет получать информацию о текущем адресе страницы и менять его с помощью функций или обновления полей объекта.
every()
Этот метод используется для проверки того, удовлетворяют ли элементы указанного массива определенному условию. Если все элементы удовлетворяют условию, метод возвращает true, в противном случае — false.

#es6 #массивы
Свойство window.navigator возвращает объект описания приложения (user agent), которое выполняет скрипт.

language возвращает предпочитаемый язык интерфейса в виде языкового тега. Например, enruen-US и т.д. Обычно это язык, установленный в настройках браузера.

languages возвращает массив предпочитаемых языков в порядке предпочтительности. Первый в списке будет язык, который возвращает navigator.language.
toPrecision()
Этот метод используется для конвертации числа в число с указанной точностью. Метод возвращает полученное значение в виде строки.

#числа
window.matchMedia('(медиавыражение)') - позволяет получить доступ к медиавыражениям из JavaScript и подписываться на их срабатывание.

При изменении ширины экрана, в момент прохода через пороговое значение 420px, будет выведено сообщение.

#window_matchMedia
localStorage — один из способов хранить данные в браузере.

Если вам нужно сохранить данные в браузере на долгое время и объем этих данных достаточно большой, то localStorage — то, что вам нужно. Данные будут храниться бессрочно и могут быть стёрты только в двух случаях: при превышении лимита по размеру данных или очистке хранилища пользователем или программно.
Пример выше установит таймер в 1 секунду и по истечении этого времени сработает функция, которая выведет в консоль сообщение.

setTimeout принимает два аргумента:
✓ функция, которая выполнится когда таймер закончится
✓ время таймера в миллисекундах
Запись производит метод  setItem("ключ", "значение"), который принимает два строковых параметра: ключ, по которому будет сохранено значение, и само значение.

За чтение отвечает getItem("ключ") c одним параметром, который указывает на ключ для чтения и возвращает полученное значение из хранилища. Если по этому ключу нет значения, то метод вернёт null.
reverse()
Метод reverse() меняет порядок элементов в массиве на обратный.

#массивы
alert() позволяет вывести любое сообщение, аргумент будет приведён к строке. Такое поведение не доставляет проблем, пока аргумент является примитивом или встроенным типом, имеющим правила приведения к строке.
every()
Этот метод используется для проверки того, удовлетворяют ли элементы указанного массива определенному условию. Если все элементы удовлетворяют условию, метод возвращает true, в противном случае — false.
location — это объект хранящийся в window, который позволяет получать информацию о текущем адресе страницы и менять его с помощью функций или обновления полей объекта.
Метод keys вызывается без аргументов. Вызов метода возвращает итератор, который содержит значения коллекции в порядке их добавления от старых к новым.

Обычно метод keys возвращает итератор для обхода ключей коллекции, но так как коллекция Set не имеет ключей, то для поддержки универсального интерфейса итератор возвращает значения.

Метод используется редко, правильнее использовать метод values, так как он даёт лучшую читаемость коду.
Вызов метода clear удаляет все значения из коллекции Set.

Метод вызывается без аргументов. Возвращает undefined.
toUpperCase()
Этот метод используется для перевода всей строки в верхний регистр.
split()
Метод split() позволяет преобразовать строку в массив.
parseFloat()
Этот метод принимает строку в качестве аргумента и возвращает число с плавающей точкой.
Number()
Метод Number() используется для преобразования других типов данных в числа.
parseInt()
Этот метод принимает строку в качестве аргумента и возвращает целое число в соответствии с указанным основанием системы счисления.