Следование лучшим практикам JavaScript может помочь ускорить загрузку страниц и повысить производительность, а также улучшить читаемость кода и упростить обслуживание и отладку. Тщательно написанный код также может помочь избежать ошибок и проблем безопасности.
01. Избегайте глобальных переменных
- Сведите к минимуму использование глобальных переменных.
- Это включает в себя все типы данных, объекты и функции.
- Глобальные переменные и функции могут быть перезаписаны другими скриптами.
- Вместо этого используйте локальные переменные и научитесь использовать замыкания.
02. Всегда объявляйте локальные переменные
- Локальные переменные должны быть объявлены для всех переменных, используемых в функции.
- Если ключевое слово var, let или const не используется при объявлении локального
переменная, локальная переменная будет преобразована в глобальную переменную.
03. Объявления сверху
Все объявления должны размещаться в начале каждого скрипта или функции в соответствии с хорошей практикой кодирования.
Это приведет к:
- Чистый код
- Предоставьте пользователям единое место для поиска локальных переменных.
- Упростите задачу предотвращения нежелательных (подразумеваемых) глобальных переменных.
- Уменьшите вероятность нежелательного повторного объявления.
4. Инициализировать переменные
Когда вы объявляете переменные, вы всегда должны их инициализировать.
Это будет:
- Предоставить более чистый код
- Укажите одно место для инициализации переменных.
- Избегайте использования неопределенных значений
05. Объявить массивы с помощью const
Объявление массивов с помощью const предотвращает случайное изменение типа
06. Не используйте новый объект()
- Вместо new String() используйте «».
- Вместо new Number() используйте 0
- Вместо использования new Boolean() используйте false
- Вместо new Object() используйте {}
- Вместо использования new Array() используйте [].
- Вместо использования нового RegExp() используйте /()/.
- Вместо использования новой функции() используйте функцию (){}.
07. Остерегайтесь автоматического преобразования типов
- JavaScript — это свободно типизированный язык.
- Переменная может содержать данные любого типа.
- Тип данных переменной можно изменить.
08. Используйте === Сравнение
- Перед сравнением оператор сравнения == преобразует (в соответствующие типы).
- Оператор === требует сравнения значений и типов
09. Использовать параметры по умолчанию
- Когда функция вызывается с неуказанным аргументом, значение неопределенного аргумента устанавливается в неопределенное значение.
- Неопределенные значения могут привести к сбою вашего кода. Присвоение аргументам значений по умолчанию — хорошая практика.
10. Завершите свои переключения настройками по умолчанию
Всегда указывайте значение по умолчанию в конце операторов переключения. Даже если вы считаете, что в этом нет необходимости.
11. Избегайте использования чисел, строк и логических значений в качестве объектов
- Числа, строки и логические значения всегда следует рассматривать как примитивные значения, а не как объекты.
- Объявление этих типов как объектов замедляет выполнение и имеет негативные побочные эффекты
12. Избегайте использования eval()
- Функция eval() используется для запуска текста как кода. Но в большинстве случаев необходимости в его использовании нет.
- Это также представляет угрозу безопасности, поскольку позволяет выполнять произвольный код.