Сборка от 17 марта 2017 г

Руководства по стилю

Когда написанием проекта занимается целая команда, то должен существовать один стандарт кода, описывающий где и когда ставить пробелы, запятые, переносы строк и т.п.

Сейчас, когда есть столько готовых проектов, нет смысла придумывать целиком своё руководство по стилю. Можно взять уже готовое, и которому, по желанию, всегда можно что‑то добавить.
Большинство есть на английском, сообщите мне, если найдёте хороший перевод:

• 
  Google JavaScript Style Guide ^
  
• 
  JQuery Core Style Guidelines ^
  
• 
  Airbnb JavaScript Style Guide ^
  
• 
  Idiomatic.JS ^ (есть перевод ^)
  
• 
  Dojo Style Guide ^
  

Для того, чтобы начать разработку, вполне хватит элементов стилей, обозначенных в этой главе. В дальнейшем, посмотрев эти руководства, вы можете выработать и свой стиль, но лучше не делать его особенно «уникальным и неповторимым», себе дороже потом будет с людьми сотрудничать.

Автоматизированные средства проверки

Существуют средства, проверяющие стиль кода. Самые известные – это:

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

В частности, JSLint и JSHint интегрированы с большинством редакторов, они гибко настраиваются под нужный стиль и совершенно незаметно улучшают разработку, подсказывая, где и что поправить.

Побочный эффект – они видят некоторые ошибки, например необъявленные переменные. У меня это обычно результат опечатки, которые таким образом сразу отлавливаются. Очень рекомендую поставить что‑то из этого. Я использую JSHint ^.

Итого

Описанные принципы оформления кода уместны в большинстве проектов. Есть и другие полезные соглашения.

Следуя (или не следуя) им, необходимо помнить, что любые советы по стилю хороши лишь тогда, когда делают код читаемее, понятнее, проще в поддержке.

✔ Задачи

Ошибки в стиле

важность: 4

Какие недостатки вы видите в стиле этого примера?

function pow(x,n)

{
var result=1;
for(var i=0;i}

x=prompt("x?",'')

n=prompt("n?",'') if (n<0)
{
alert('Степень '+n+'не поддерживается, введите целую степень, большую 0');
}
else
{
alert(pow(x,n))
}

К решению