Для верстальщиков. Украшаем код JavaScript

Те из вас, кто верстает сайты, прекрасно знают, как удобно читать код, когда он свёрстан в удобочитаемом виде. Это упрощает и его понимание и визуальное выявление ошибок до запуска. Что немаловажно - ваш код смогут легко прочитать другие ваши коллеги.

Удобочитаемый, выразительный и правильный код JavaScript важнее производительности. JavaScript не в сжатом виде не так сильно влияет на производительность. Уделите лучше своё внимание на сжатие изображений и оптимизацию HTTP-запросов, а также на DOM-дерево.

И так, если вы за красивый код, то очень легко и быстро это можно сделать с помощью онлайн-сервисов, которые это проделывают за считанные секунды. Нужно просто вставить свой код в окошко и получить красивый результат с подсветкой синтаксиса, который затем вы сможете использовать в вёрстке.

Один из таких сервисов можно открыть по ссылке --> украшение JavaScript кода. Сервис бесплатный с открытым кодом. Язык интерфейса английский. Если не знаете языка, вам не составит труда включить приложение переводчик (если ещё нет такого в браузере, то установите).

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

Нажимаете кнопку Beautify Code, чтобы получить красивый код.

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

Есть ещё один Большой плюс этого сервиса - он разжимает сжатый JavaScript код, делая его легкочитаемым.

Подведём итог

Пишите красивый JavaScript код, берегите глаза и нервы свои и своих коллег )