Starý JavaScript v produkci má obvykle několik společných rysů: globální proměnné, callbacky zanořené do několika úrovní, závislosti na jQuery a kód, kterému rozumí jen autor. Refaktoring neznamená přepsat všechno od nuly. Začněte tím, že si v prohlížeči otevřete DevTools, zapnete coverage a zjistíte, které části kódu se skutečně vykonávají. Mrtvý kód rovnou smažte, zbytek rozdělte na menší moduly. Každou změnu otestujte, ideálně ještě předtím, než ji commitnete.

Prvním krokem je nahradit var za let a const. Tím získáte block scope a předejdete řadě chyb, které vznikají kvůli hoistingu. Potom se zbavte callbacků ve prospěch async/await — kód se čte shora dolů a je mnohem snazší odhalit, kde se co pokazilo. Pokud pracujete s polem, použijte map, filter a reduce místo ručních cyklů. Až budete mít základní strukturu čistší, vyplatí se projít si praktické rady, jak psát čistý JavaScript, protože konzistentní styl je při refaktoringu důležitější než jednotlivé triky.

Legacy kód často obsahuje závislosti, které už nikdo neudržuje. Nahraďte je nativními API prohlížeče nebo menšími knihovnami. Pokud používáte jQuery jen kvůli $.ajax a selektorům, fetch a querySelector zvládnou totéž. U velkých souborů zaveďte moduly — stačí přidat type="module" a postupně rozdělit logiku. Build nástroje jako Vite nebo esbuild zrychlí vývoj i produkci. Důležité je nedělat všechno najednou; refaktoring je maraton, ne sprint.

Nakonec zaveďte testy. Bez nich se při každé větší změně budete bát, že něco rozbijete. Začněte unit testy pro čisté funkce, později přidejte integrační testy pro kritické toky. Verzovací systém vám umožní kdykoli se vrátit. Moderní standardy nejsou cíl, ale nástroj, jak udržet kód čitelný a rozšiřitelný i za rok.