Чердак фронтендера

​​Преобразование NodeList в Array Как многие знают, функция document.querySelectorAll() возвращает список DOM элементов, то есть NodeList. Основное отличие такого списка от стандартного массива в JS в том, что у него нет всех функций массива, таких как sort(), reduce(), map() или filter(). Чтобы использовать все возможности массива, необходимо преобразовать NodeList в Array. Сделать это можно несколькими способами…

​​Значение по умолчанию Значение по умолчанию применяется там, где есть вероятность получить ошибку или неожиданное поведение из-за отсутствия значения. Задать такое значение можно несколькими способами 1. В объявлении функции function user (name = "Bob", age = 21) {} 2. В выражении с помощью оператора || (ИЛИ) const userName = user.name || "Bob";

​​Упрощенные условные конструкции Конструкции вида if (statement) { func(); } можно сократить с использованием оператора && (И): statement && func(); То же самое можно сделать, чтобы проверить, существует ли в объекте определенный атрибут или функция: user && user.login(); Аналогичного результата можно добиться с использованием опциональной цепочки ?. user?.login();

​​Опциональная цепочка '?.' Опциональная цепочка ?. — это безопасный способ доступа к свойствам вложенных объектов. ?. останавливает вычисление и возвращает undefined, если значение перед ?. равно undefined или null Опциональная цепочка — не оператор, а специальная синтаксическая конструкция, которая также работает с функциями и квадратными скобками. Например, ?.() используется для вызова функции, которая может не …

​​Преобразование в число Преобразовать что-либо в число в JavaScript можно с помощью оператора +, или конструктора Number() Если аргумент не может быть преобразован в число, возвращается NaN Преобразование в число также сработает с датой Date(). В этом случае вернется временная метка

​​CSS cвойство inset Это экспериментальное CSS свойство, которое определяет положение и смещение элемента и соответствует свойствам top, right, bottom и left. Пример использования — размещение элемента на всю ширину и высоту родительского блока: .child { position: absolute; inset: 0; }

​​Тип данных bigint Числа в JavaScript создаются с использованием функции-конструктора Number Максимальное значение, которое можно безопасно представить с помощью типа данных Number, представляет собой (2⁵³ — 1), то есть — 9007199254740991. Увидеть это число можно, воспользовавшись конструкцией Number.MAX_SAFE_INTEGER Если попытаться прибавить к такому числу другое число, можно получить неожиданный результат Тип …

​​Оператор логического присваивания ??= До спецификации ECMAScript 2021(ES12) пользовались конструкцией a ?? (a = c); Сейчас можно использовать выражение a ??= c; Операция присваивания происходит, только если a равно null или undefined. В нашем коде a равно null, поэтому происходит присваивание. Напротив, b не равно null или undefined, поэтому присваивания не происходит

​​Оператор логического присваивания ||= До спецификации ECMAScript 2021(ES12) пользовались конструкцией a || (a = c) Сейчас можно использовать выражение a ||= c Операция присваивания происходит, только если a является ложным значением. В нашем коде a cодержит null, поэтому происходит присваивание. Напротив, b является истинным значением, поэтому присваивания с c не происходит

​​Оператор логического присваивания &&= До спецификации ECMAScript 2021(ES12) пользовались конструкцией a && (a = c); Сейчас можно использовать выражение a &&= c; Операция присваивания происходит, только если a является истинным значением. В нашем коде a cодержит null, которое является ложным значением, поэтому в этом случае присваивания не происходит. Напротив, b является истинным значением, поэтому происходит ло…

​​Разделители разрядов чисел Длинные числа, которые встречаются в программах, тяжело читать. Например, 1000000000 — это один миллиард в десятичной системе счисления. Но с одного взгляда понять это тяжело. Поэтому читателю программы придётся внимательно считать нули. В современном JavaScript можно пользоваться разделителем разрядов чисел — символом подчёркивания _, применение которого позволяет улучшить читабельност…

​​Алгоритмы Знание алгоритмов является базовым требованием для любого программиста. Прокачаться в алгоритмах поможет книга «Грокаем алгоритмы» А. Бхаргава. Это иллюстрированное пособие поможет проникнуться духом алгоритмов и понять, что решать задачи – веселое и увлекательное занятие Найти книгу легко, достаточно заглянуть в любой бот с IT-книгами Есть также ресурс, куда выложены реализации алгоритмов на разных яз…