Презентация, доклад на тему оформление кода JavaScript

80, либо 120 символов, в зависимости от того, какие мониторы у разработчиков.

правило, используются именно пробелы, т.к. они позволяют сделать более гибкие «конфигурации отступов», чем символ «Tab».
Вертикальный отступ, для лучшей разбивки кода – перевод строки.
Используется, чтобы разделить логические блоки внутри одной функции.

ставить, если есть переход на новую строку.



Но в некоторых важных ситуациях JavaScript «забывает» вставить точку с запятой там, где она нужна.

конца строки

Многострочные комментарии начинаются слешем-звездочкой «/*» и заканчиваются звездочкой-слэшем «*/»

и _
Первый символ не должен быть цифрой.
Что особенно интересно – доллар '$' и знак подчеркивания '_' являются такими же обычными символами, как буквы
Регистр букв имеет значение
Русские буквы допустимы, но не рекомендуются
Существует список зарезервированных слов, которые нельзя использовать для переменных, так как они используются самим языком, например: var, class, return, export и др.

для краткости делают существительными, но глаголы понятнее.
Для имён используется английский язык (не транслит)
Константа – это переменная, которая никогда не меняется. Как правило, их называют большими буквами, через подчёркивание

дополнительного уровня if(..) { ... }

идентичны. Если в блоке if идёт return, то else за ним не нужен.

её на несколько.

Вызов отдельной небольшой функции не только легче отлаживать и тестировать – сам факт его наличия является отличным комментарием.

кодом, который их использует
Сначала код, а функции внизу
Существует еще третий «стиль», при котором функции хаотично разбросаны по коду.
Как правило, лучше располагать функции под кодом, который их использует.

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

проверяет код на соответствие стилю JSLint, в онлайн-интерфейсе вверху можно ввести код, а внизу различные настройки проверки, чтобы сделать её более мягкой.
JSHint – вариант JSLint с большим количеством настроек.
Closure Linter – проверка на соответствие Google JavaScript Style Guide.