Вы замечали, что разработчики и дизайнеры одержимы списками? Причины не так важны, статистика говорит сама за себя. Возьмем за пример DZone: 2 из 3 самых популярных статей это списки: «15 CSS хитростей, которые стыдно не знать» и «10 Грязных Маленьких хитростей Веб-разработки». Кстати, мне понравились обе статьи, поэтому я, кажется, проникся идеей создания списков. В этой статье я решил удовлетворить свое желание, поэтому ловите: 7 шагов к написанию красивого кода.
В первую очередь, я говорю о чисто эстетической составляющей. Работающий код начинает быть красивым кодом, когда легко читается. На самом деле этому посвящено немало слов в блоге Джеф Этвуд, и любопытные могут посмотреть его.
А пока, внимание, мой список.
Вместо этого, мы можем сделать следующее:
Иногда не стоит нагромождать лишнего. Просто посмотрите на код и подумайте - приятно ли вам его читать? И можно ли его упростить?
Просто удалите оператор if:
А теперь посмотрим, как это могло бы быть:
Я не заставляю вас придерживаться старой нормы в 70 символов, но, реально, разумное ограничение, порядка 120 символов, делает вещи немного легче. Очевидно, что если вы печатаете пример кода в интернете, и у Вас есть для этого фиксированная ширина блока - есть смысл разместить его в рамках блока, не усложняя читающему жизнь.
1. Возвращайтесь от оператора if так быстро, как это возможно.
Например, рассмотрим следующую кошмарную функцию в JavaScript:![7 шагов к красивому коду - 1](https://cdn.javarush.com/images/article/017eda92-3e4f-4d1d-8a0c-49c7faf690f4/1024.jpeg)
![7 шагов к красивому коду - 2](https://cdn.javarush.com/images/article/523d5030-8ec5-464e-9932-d0d09dca352d/1024.jpeg)
2. Не используйте оператор if для проверки логической переменной.
Рассмотрим на примере:![7 шагов к красивому коду - 3](https://cdn.javarush.com/images/article/742a789c-cdf0-40af-b436-d73145acd4b9/1024.jpeg)
![7 шагов к красивому коду - 4](https://cdn.javarush.com/images/article/f740f96e-74f6-44c8-a4dc-a7681a77adc6/1024.jpeg)
3. Используйте пробелы!
Пока Государственная Дума не запретила клавишу Enter - пользуйтесь ей! Вот еще один пример реального, живого кода. Все, что я сделал - это изменил язык программирования и некоторые имена функций.![7 шагов к красивому коду - 5](https://cdn.javarush.com/images/article/ee4f7bf6-ff71-4f3e-a3e2-9f57abbaac66/1024.jpeg)
![7 шагов к красивому коду - 6](https://cdn.javarush.com/images/article/05d00f5e-ef0f-4498-ad2d-b59d046e403a/1024.jpeg)
4. Не пишите бессмысленные комментарии.
Реально, это время можно потратить на пункт №3 или на поедание пончика. Пример:![7 шагов к красивому коду - 7](https://cdn.javarush.com/images/article/1bc4aafa-b862-46c8-beb3-9379c4810270/1024.jpeg)
5.Не оставляйте код исходного файла в комментариях, удалите его.
Если вы используете контроль версии – (Если нет, то почему?!) - То вы всегда можете вернуть исходный код легко, вернувшись к предыдущей версии. Нет ничего более странного, чем сохранение исходного кода в виде блока комментария. Что-то вроде того, что показано ниже.![7 шагов к красивому коду - 8](https://cdn.javarush.com/images/article/7ca8cd80-0fee-4ac7-b406-f0f5b109f4a1/1024.jpeg)
6. Не делайте строки слишком длинными.
Нет ничего хуже, чем смотреть на строку кода, уходящую в бесконечность – особенно строку кода в интернете. Если вас при этом охватывает смесь ярости, отчаяния и безысходности - знайте, вы не одиноки.![7 шагов к красивому коду - 9](https://cdn.javarush.com/images/article/c1ae44c0-54a5-4b08-8561-ddef20017536/1024.jpeg)
ПЕРЕЙДИТЕ В ПОЛНУЮ ВЕРСИЮ