Распутываем спагетти-код: как писать поддерживаемый JavaScript

Опубликовано: 26.09.2017

Практически каждый разработчик имеет опыт поддержки или принятия legacy-проекта. Или это может быть старый проект, к которому вы вернулись. Как правило, первое, что приходит в голову это выбросить кодовую базу и начать с чистого листа. Код может быть путанным, недокументированным и могут потребоваться дни, чтобы полностью понять все. Но с правильным планированием, анализом и рабочим процессом, мы можем сделать из спагетти-кода чистую, организованную и масштабируемую кодовую базу.

Мне приходилось брать на себя и очищать множество проектов, при этом я не часто переписывал их с нуля. Фактически, я и сейчас этим занимаюсь. Я выучил многое о JavaScript: как сохранять кодовую базу чистой и, главное, как не сойти с ума от того, что сделали до меня. В этой статье я хочу описать свой опыт и показать последовательность шагов.

Анализ проекта

Самый первый шаг — это обзор того, что вообще происходит. Если это сайт, проверьте его функциональность: открывайте модальные окна, отправляйте формы и т.д. В ходе процесса держите открытыми инструменты разработчика, чтобы видеть появляющиеся ошибки и логи. Если это проект на Node.js, откройте интерфейс командной строки и пройдитесь по API. В лучшем случае у проекта есть входная точка (типа main.js, index.js, app.js и т.п.), в которой все модули либо инициализируются, в худшем случае там находится вся бизнес логика.

Определите, какие используются инструменты. jQuery ? React ? Express ? Составьте список всего, что важно знать. Предположим, проект написан на Angular 2 и вы не работали с ним — вам надо ознакомиться с документацией, чтобы получить базовое понимание. Ищите лучшие практики по этим инструментам.

 

rss