Использование оператора опциональной последовательности (optional chaining operator)

Раньше, чтобы получить доступ ко вложенному свойству, нужно было проверять, существует ли каждое из свойств. Прямое обращение к user.location.street.name могло выбросить исключение, что мы пытаемся обратиться к name через несуществующие ссылки к методам location или street.

Но теперь, в версии ES11, код после оператора опциональной последовательности выполнится, только если обращение по предыдущей ссылке не привело к undefined или null.

Так что использование этого оператора сократит ваш код и сделает его более понятным.

#операторы

Ошибки с промисами

В данной статье продемонстрированы самые распространенные ошибки при работе с промисами. К ним относятся: использование блока try/catch внутри промиса; неправильное использование Promise.race(); злоупотребление промисами.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Замена IIFEs блоками

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

#полезно

Операторы логического присваивания

Javascript поддерживает возможность комбинировать логические операции и операцию присваивания с помощью операторов &&=, ||= и ??=. До ES2021 составные операторы присваивания были возможны только с математическими и побитовыми операциями. Данная статья познакомит тебя с операторами логического присваивания.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Стрелочные функции

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

#полезно

Введение в прототипы

Прототипы — это механизм, с помощью которого объекты JavaScript наследуют свойства друг друга. Благодаря этой статье ты узнаешь, что такое прототипы, как ими пользоваться и для чего они могут пригодиться.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

.includes( )

Чтобы обозначить ограничение строки, мы можем просто использовать .includes(), который вернет логическое значение, вместо проверки > -1

#строки

Операторы логического присваивания

Javascript поддерживает возможность комбинировать логические операции и операцию присваивания с помощью операторов &&=, ||= и ??=. До ES2021 составные операторы присваивания были возможны только с математическими и побитовыми операциями. Данная статья познакомит тебя с операторами логического присваивания.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Полезные методы объектов

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Деструктуризация

Деструктуризация позволяет нам извлекать значения из массивов или объектов и хранить их в переменных.

Деструктурированные массивы

var arr = [1, 2, 3, 4];
var a = arr[0];
var b = arr[1];
var c = arr[2];
var d = arr[3];
let [a, b, c, d] = [1, 2, 3, 4];

console.log(a); // 1
console.log(b); // 2

Деструктурированные объекты

var luke = { occupation: 'jedi', father: 'anakin' };
var occupation = luke.occupation; // 'jedi'
var father = luke.father; // 'anakin'
let luke = { occupation: 'jedi', father: 'anakin' };
let {occupation, father} = luke;

console.log(occupation); // 'jedi'
console.log(father); // 'anakin'

#объекты #массивы

Логгер

Логгер предоставляет функции ведения журнала для приложения. Его можно использовать для отображения ошибок, предупреждений и отладочных сообщений. Данная статья поможет тебе разобраться с логгером.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Параметры по умолчанию

В ES6 можно передать значения по умолчанию для параметров в функции

#полезно

Внутреннее устройство JavaScript

По мере того, как JavaScript становится все более и более популярным, команды используют его поддержку на многих уровнях своего стека — фронтенд, бэкенд, гибридные приложения, встроенные устройства и многое другое. Делимся статьей, где рассказано про внутреннее устройство JavaScript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Параметры остановки

Используя оператор rest, мы можем передавать неопределенное количество аргументов

#полезно

Анимация текстовых переходов

Делимся статьей, где автор демонстрирует анимацию текстовых переходов. view-transition позволяет с помощью CSS описать, как убрать старое текстовое состояние и показать новое текстовое состояние. Присутствует ссылка на демку.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Именованные параметры

Одним из шаблонов в ES5 для обработки именованных параметров был шаблон объектов опций, принятый из jQuery.

Можно достичь той же функциональности, используя деструктурирование как формальный параметр для функции.

#полезно

Core Web Vitals

Core Web Vitals — это три показателя, которые оценивают опыт пользователя при загрузке веб-страницы. Эти метрики оценивают, насколько быстро загружается содержимое страницы, как быстро браузер, загружающий веб-страницу, может реагировать на ввод пользователя и насколько нестабильно содержимое загружается в браузере. Данная статья поможет разобраться с Core Web. Vitals.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Оператор распространения

В ES6 мы используется оператор распространения для передачи массива значений, которые выступают параметрами для функции.

Мы можем легко конкатенировать литералы массивов.

#полезно

Создание слайдбара

Обычно ты можешь найти слайдбар при манипулировании регуляторами громкости или яркости на компьютере. Слайдбар может иметь значок на одном конце панели или значки на обоих концах панели для выбора определенного диапазона. Благодаря этой статье ты научишься создавать слайдбары.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью