Добавьте в закладки эти 21 очень полезный совет по JS и используйте их в своей разработке, чтобы облегчить себе работу!
1. Оператор If с несколькими условиями
Поместите несколько значений в массив, а затем вызовите метод включения массива.
2. Упростить, если верно…иначе с помощью условных выражений
3. Проверка ложного значения (undefined, null, 0, false, NaN, пустая строка)
Когда мы создаем новую переменную, иногда мы хотим проверить, не является ли указанная переменная ложным значением, таким как null или undefined, или пустой строкой. В JavaScript есть удобный способ такой проверки — логический оператор ИЛИ (||)
|| вернет правый операнд, если левый операнд ложен, только если левая сторона: пустаяили NaNили нулеваяили неопределенная или false, логический оператор или (||) вернет с правой стороны значение.
4. проверка null/undefined и назначение по умолчанию
5. Получить последний элемент в списке
В других языках эта функциональность реализована в методе или функции, которые можно вызывать для массива, но в JavaScript вам придется проделать некоторую работу самостоятельно.
6. Возврат после сравнения
7. Используйте необязательный оператор цепочки -?.
? Также известен как оператор цепной оценки. Это позволяет разработчикам читать значения свойств, глубоко вложенные в цепочки объектов, без необходимости проверять каждую ссылку. Когда ссылка пуста, выражение прекращает вычисление и возвращает значение undefined.
8. Оператор && для нескольких условий
Чтобы вызвать функцию, только если переменная истинна, используйте оператор &&.
Это полезно для короткого замыкания с помощью (&&), когда вы хотите условно визуализировать компонент в React. Например:
‹div› {this.state.isLoading && ‹Загрузка /›} ‹/div›
9. переключатель упрощен
Мы можем хранить условия в объектах ключ-значение и вызывать их на основе условий.
10. Значение параметра по умолчанию
11. Условный поиск упрощен
Если мы хотим вызывать разные методы, основанные на разных типах, мы можем использовать несколько операторов else if или переключателей, но есть ли лучший прием упрощения, чем этот? По сути, это то же самое, что и предыдущее упрощение переключения.
12. Назначение свойств объекта
13. Присвоение деструктуризации
14. Строка шаблона
Если вы устали использовать + для объединения нескольких переменных в одну строку, этот трюк избавит вас от головной боли.
15. Стягивающая струна
16. Побитовое упрощение indexOf
При поиске определенного значения в массиве мы можем использовать метод indexOf(). Но есть способ лучше, давайте рассмотрим этот пример.
17. Преобразование строки в число
Существуют встроенные методы, такие как parseInt и parseFloat, которые можно использовать для преобразования строк в числа. Мы также можем сделать это, просто поставив унарный оператор (+) перед строкой.
18. Выполняйте обещания последовательно
Что, если у вас есть куча асинхронных или обычных функций, все из которых возвращают промисы, требующие от вас выполнения их одного за другим?
Дождитесь завершения всех обещаний
Метод Promise.allSettled() принимает набор экземпляров Promise в качестве параметра, заключенного в новый экземпляр Promise. Экземпляр оболочки не завершится, пока все эти экземпляры параметров не вернут результаты, либо выполненные, либо отклоненные.
Иногда нас не волнуют результаты асинхронных запросов, нас интересует только то, завершились ли все запросы. В настоящее время очень полезен метод Promise.allSettled().
19. Поменять местами элементы массива
20. Генератор случайных чисел с диапазоном
Иногда вам нужно генерировать случайные числа, но вы хотите, чтобы числа находились в определенном диапазоне, тогда вы можете использовать этот инструмент.
Создать случайные цвета
Хорошо, это все, 20 советов по JavaScript, собранных выше, надеюсь, окажут практическую помощь в вашей работе по разработке, спасибо за чтение.
