Вычисление короткого замыкания
Тернарный оператор - это быстрый способ написать простые (а иногда и не очень простые) условные конструкции, например:
JavaScript test
Тернарный оператор - это быстрый способ написать простые (а иногда и не очень простые) условные конструкции, например:
x > 100 ? 'Above 100' : 'Below 100';Но иногда даже тернарный оператор получается сложнее, чем нужно. Вместо него мы можем использовать логические операторы «и» && и «или» || для более точной оценки определенных выражений. Его часто называют «коротким замыканием».
x > 100 ? (x > 200 ? 'Above 200' : 'Between 100-200') : 'Below 100';
JavaScript test
Кешируем длину массива в циклах
Когда нас учат циклам for, нам рекомендуется следовать этой стандартной структуре:
Иногда это может быть полезно, но в большинстве случаев лучше и эффективнее кэшировать длину массива, так что к ней нужно обратиться только 1 раз. Мы можем сделать это, определив переменную
JavaScript test
Когда нас учат циклам for, нам рекомендуется следовать этой стандартной структуре:
for (let i = 0; i < array.length; i++){
console.log(i);
}
Однако, используя этот синтаксис, цикл for пересматривает длину массива при каждой итерации.Иногда это может быть полезно, но в большинстве случаев лучше и эффективнее кэшировать длину массива, так что к ней нужно обратиться только 1 раз. Мы можем сделать это, определив переменную
length
for (let i = 0, length = array.length; i < length; i++){
console.log(i);
}
Этот код почти такой же лаконичный, как и приведенный выше, но он работает таким образом, что при увеличении размера массива мы не теряем время на перепроверку array.length.JavaScript test
Материалы из этого канала дают на платных курсах
Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое
👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!
Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое
👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!
Модульная организация кода
Модульная организация помогает структурировать и повторно использовать код.
JavaScript test
Модульная организация помогает структурировать и повторно использовать код.
JavaScript test
Использование сторонних библиотек
Использование сторонних библиотек позволяет расширить функциональность вашего кода.
JavaScript test
Использование сторонних библиотек позволяет расширить функциональность вашего кода.
JavaScript test
Метод .filter()
Метод
JavaScript test
Метод
.filter() создает новый массив, содержащий только элементы, которые удовлетворяют условию.JavaScript test
Свойство «hidden»
Атрибут и DOM-свойство «hidden» указывает на то, видим ли мы элемент или нет.
Мы можем использовать его в HTML или назначать при помощи JavaScript, как в примере ниже (см. пример выше на картинке).
Технически,
JavaScript test
Атрибут и DOM-свойство «hidden» указывает на то, видим ли мы элемент или нет.
Мы можем использовать его в HTML или назначать при помощи JavaScript, как в примере ниже (см. пример выше на картинке).
Технически,
hidden работает так же, как style="display:none". Но его применение проще.JavaScript test
Обработка ошибок и исключений
Обработка ошибок помогает избежать сбоев и улучшить надежность приложения.
JavaScript test
Обработка ошибок помогает избежать сбоев и улучшить надежность приложения.
JavaScript test