Každý den začíná snahou o ulehčení úkolů v každé profesi. Pro programátory je zvýraznění syntaxe jednou z mnoha funkcí nabízených moderními editory kódu pro podporu produktivity.
Co přesně je zvýraznění syntaxe? A může vám to pomoci napsat lepší kód?
Co dělá zvýraznění syntaxe
Zvýraznění syntaxe – neboli zbarvení syntaxe – je technika, kterou textové editory používají k rozlišení částí zdrojového kódu pomocí barvy. Obvykle zvýrazňuje klíčová slova, řetězcové literály a další syntaktické prvky. Zvýraznění syntaxe může také upozornit na chyby v syntaxi.
Při psaní kódu obvykle nedochází k okamžité vizuální zpětné vazbě. Zvýraznění syntaxe však dokáže zjistit, zda alespoň píšete platný kód.
Přesný původ zvýraznění syntaxe v kódování není tak jasný. Ale mohlo by to být až čtyři desetiletí, počínaje Anitou H. Klock a Jan B. Chodakův patentovaný editor zvýrazňování syntaxe z roku 1982.
Jak funguje zvýraznění syntaxe
Zvýraznění syntaxe tedy přiřadí barvy různým prvkům kódu a označení. Tyto prvky zahrnují klíčová slova, funkce, značky, datové typy, objekty a komentáře a mnoho dalších.
Nemá to vliv na samotný kód, ale pouze na to, jak jej editor zobrazuje. Ale nemůžeme ignorovat vliv barev na mysl a mozek. Pocit z psaní barevného a smysluplného kódu může být uspokojující a může zvýšit produktivitu.
Editoři kódu přistupují ke zvýrazňování syntaxe různými způsoby. VS Code například používá tokenizaci textu a přiřazení motivu ke zvýraznění textu. Editoři mohou podporovat zvýraznění syntaxe v celé řadě jazyků a některé mohou být barevnější než jiné!
Pomáhá zvýraznění syntaxe programátorům?
Zvýraznění syntaxe tedy třídí prvky kódu v textových editorech. Ale je to nějakým způsobem užitečné pro programátory?
Vylepšená čitelnost
Zvýrazněný zdrojový kód se snáze skenuje, když můžete jeho části odlišit podle barev. Například identifikace komentářů v bloku kódu je jednodušší díky zvýraznění syntaxe.
Nezvýrazněný kód je poněkud obtížně čitelný, protože základna kódu se zdá ošklivá a složitá.
Stačí se podívat na zvýrazněný kód vedle kódu, který tomu tak není. První z nich je čitelnější a je mnohem snazší vybrat konkrétní části:
Pomáhá při ladění
Zvýraznění syntaxe může usnadnit ladění, protože se zaměřuje na různé významy kódu, který přidáváte nebo upravujete. Obvykle neoznačuje nesprávnou syntaxi, ale syntaxe, kterou nerozpozná, se může jevit jako obyčejná bílá nebo černá, což signalizuje problém.
Vaše schopnost rozlišovat mezi barvami syntaxe může také záviset na tématu vašeho editoru kódu. Například může být obtížné odlišit nezvýrazněnou černou syntaxi od zvýrazněné tmavě modré na bílém pozadí.
Zvýraznění syntaxe může stále přehlédnout prvky kódu, kterým váš editor nerozumí. Například nemusí být schopen identifikovat názvy metod vlastních tříd.
Zvýrazňování syntaxe tedy přidává malou hodnotu ladění syntaxe, což je role linteru specifického pro jazyk.
Usnadňuje křivku učení
Některé studie naznačují, že zvýrazňování syntaxe významně neovlivňuje porozumění kódu. Ale barevný kód může být podle oka pozorovatele stále estetičtější. Syntaxi si podle barvy nezapamatujete, ale zbarvení syntaxe může i tak učinit programování přístupnějším.
Nevýhody zvýraznění syntaxe
Probrali jsme některé světlé stránky zvýrazňování syntaxe. Ale i když je to užitečná funkce, může to mít určité nevýhody.
Přílišná závislost na editoru kódu pro ladění
Pokud je to případ nového programátora, bude těžší odstranit základní chyby, protože mají tendenci se více soustředit na syntaktické chyby. To snižuje kreativitu a schopnost řešit problémy.
Kromě toho jsou syntaktické chyby tím nejmenším problémem při psaní kódu. Existují horší chyby, které inklinují k logice kódu a přístupu, které vyžadují vaši pozornost.
Přístup k balíčkům třetích stran
Je vzácné, aby linter kódu označil importované balíčky třetích stran jako chyby v editorech, jako je VS Code a Atom. A někdy se může stát, že zvýrazňovač selže při aplikování barvy na importované symboly. To se může stát, pokud váš editor kódu nedokáže přečíst modul z jeho zdroje nebo pokud nainstalovaný linter nerozpozná balíček.
Může to být klamné, protože si můžete myslet, že jste napsali neplatný kód, i když je správný. Můžete skončit odstraňováním chyb, které tam nakonec nejsou.
Které editory kódu a IDE podporují zvýraznění syntaxe?
Mnoho moderních editorů kódu a IDE, včetně VS Code, Atom, Sublime Text, Komodo Edit a mnoha dalších, podporuje zvýraznění kódu. Funkce je ve většině z nich ve výchozím nastavení aktivní. Možná však budete muset upravit konkrétní nastavení pro každé z nich, abyste jej vypnuli.
Zvýraznění syntaxe převládá také ve fragmentech kódu a online HTML editory. Pomocí můžete například upravit úryvky kódu pro zobrazení na vašem webu highlight.js. Tato knihovna pro zvýrazňování syntaxe JavaScriptu podporuje mnoho programovacích jazyků.
Zaměřte se na řešení problémů
Zvýraznění syntaxe je funkce pouze v moderních editorech kódu a IDE. Jak jste viděli, pouze zlepšuje estetiku a čitelnost kódu. Nemělo by to ovlivňovat vaše logické uvažování a schopnosti řešit problémy ani vás rozptylovat. Než se obtěžovat nástroji v editoru kódu, zaměřte se na pochopení každého kousku jakéhokoli programovacího jazyka, který používáte.
