Лучшие практики JavaScript для начинающих.
Используйте === вместо ==
В JavaScript используются два разных типа операторов равенства: === | !== и == | != Считается лучшей практикой всегда использовать первый набор при сравнении
Если два операнда имеют одинаковый тип и значение, то === возвращает true, а !== возвращает false. - JavaScript: хорошие стороны
Однако при работе с == и != вы столкнетесь с проблемами при работе с разными типами. В этих случаях они безуспешно пытаются принудить значения.
Не используйте сокращенную запись
Технически вы можете избежать большинства фигурных скобок и точек с запятой. Большинство браузеров правильно интерпретируют следующее:
'''js
if(someVariableExists)
x = false
Однако учтите это:
if(someVariableExists)
x = false
AnotherFunctionCall();
Можно подумать, что приведенный выше код эквивалентен следующему:
if(someVariableExists) {
x = false;
AnotherFunctionCall();
}
К сожалению, он ошибается. На самом деле это означает:
if(someVariableExists) {
x = false;
}
AnotherFunctionCall();
'''
Как вы заметили, отступ имитирует функциональность фигурной скобки. Излишне говорить, что это ужасная практика, которой следует избегать любой ценой. Единственный случай, когда фигурные скобки должны быть опущены, — это однострочники, и даже это является широко обсуждаемой темой.
if(2 + 2 === 4) return 'отлично сделано';
Всегда учитывайте будущее
Что делать, если позднее вам потребуется добавить дополнительные команды в этот оператор if. Для этого вам нужно будет переписать этот блок кода. Итог - действуйте осторожно, опуская.
Самый быстрый способ построить строку
Не всегда хватайтесь за удобный оператор for, когда вам нужно пройтись по массиву или объекту. Будьте изобретательны и найдите самое быстрое решение для поставленной задачи.
Комментируйте свой код
Сначала это может показаться ненужным, но поверьте мне, вы ХОТИТЕ комментировать свой код как можно лучше. Что происходит, когда вы возвращаетесь к проекту несколько месяцев спустя только для того, чтобы обнаружить, что вы не можете легко вспомнить, каков был ход ваших мыслей. Или что, если одному из ваших коллег нужно пересмотреть ваш код? Всегда, всегда комментируйте важные участки кода.
Используйте прогрессивное улучшение
Всегда компенсируйте, когда JavaScript отключен. Может возникнуть соблазн подумать: у большинства моих зрителей включен JavaScript, так что я не буду об этом беспокоиться. Однако это было бы огромной ошибкой.
Вы нашли минутку, чтобы просмотреть свой красивый слайдер с отключенным JavaScript? (Загрузите панель инструментов веб-разработчика, чтобы сделать это простым способом.) Это может привести к полной поломке вашего сайта. Как правило, проектируйте свой сайт, предполагая, что JavaScript будет отключен. Затем, как только вы это сделаете, начните постепенно улучшать макет!
Всегда используйте точку с запятой
Технически, большинство браузеров позволяют обойтись без точки с запятой.
var someItem = 'какая-то строка'
function doSomething() {
return 'что-то'
