Найти в Дзене
Стать программистом

Как правильно визуально оформлять код?

У программиста везде должен соблюдаться порядок. В голове, на столе и в исходном коде. Код отступа В примерах можно добавлять пробелы перед утверждениями, которые являются частью более крупного оператора. Эти пробелы не требуются - компьютер без проблем примет программу. На самом деле, даже разрывы строк в программах являются необязательными. Вы можете написать программу в виде одной длинной строки, если хотите. Роль этого отступа внутри блоков состоит в том, чтобы выделить структуру кода. В коде, где новые блоки открываются внутри других блоков, может быть трудно увидеть, где заканчивается один блок и начинается другой. При правильном отступе визуальная форма программы соответствует форме блоков внутри нее. Мне нравится использовать два пробела для каждого открытого блока, но вкусы различаются - некоторые люди используют четыре пробела, а некоторые люди используют символы табуляции. Важно то, что каждый новый блок добавляет одинаковое количество места. if (false! = true) {
Оглавление

У программиста везде должен соблюдаться порядок. В голове, на столе и в исходном коде.

https://www.rinixweb.com/wp-content/uploads/2018/01/web-site-designing.png
https://www.rinixweb.com/wp-content/uploads/2018/01/web-site-designing.png

Код отступа

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

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

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

if (false! = true) {
console.log («Это имеет смысл.»);
if(1 <2) {
console.log («Ничего удивительного.»);
}
}

Большинство программ-редакторов кода помогут автоматически сделать отступы для новых строк.

https://blog.beatstars.com/wp-content/uploads/2019/09/Log-1-Blog-Beatstars-600x600.jpg
https://blog.beatstars.com/wp-content/uploads/2019/09/Log-1-Blog-Beatstars-600x600.jpg

Для циклов

Многие циклы следуют шаблону, показанному в примерах. Сначала создается привязка «счетчик» для отслеживания хода цикла. Затем следует цикл while, обычно с тестовым выражением, которое проверяет, достиг ли счетчик своего конечного значения. В конце тела цикла счетчик обновляется для отслеживания прогресса.

Поскольку этот шаблон очень распространен, JavaScript и аналогичные языки предоставляют несколько более короткую и всеобъемлющую форму цикла for.

for (let number = 0; number <= 12; number = number + 2) {
console.log(number);
}
// → 0
// → 2
// … и так далее

Эта программа в точности эквивалентна предыдущему примеру печати четных чисел. Единственное изменение состоит в том, что все операторы, связанные с «состоянием» цикла, группируются после for.

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

Другая часть проверяет, должен ли цикл продолжаться. Последняя часть обновляет состояние цикла после каждой итерации. В большинстве случаев это короче и понятнее, чем конструкция while.

Это код, который вычисляет 2^10, используя вместо вместо while:

let result = 1;
for (let counter = 0; counter < 10; counter = counter + 1) {
result = result * 2;
}
console.log(result);
// → 1024
https://is3-ssl.mzstatic.com/image/thumb/Music113/v4/00/33/d7/0033d747-5ed9-6bd4-dd77-56e26de20b13/source/600x600bb.jpg
https://is3-ssl.mzstatic.com/image/thumb/Music113/v4/00/33/d7/0033d747-5ed9-6bd4-dd77-56e26de20b13/source/600x600bb.jpg

Благодарю за прочтение статьи. Подписывайтесь на канал "Стать программистом"