Nejprve musím přiznat, že tuto platformu využiji k vyčištění kostry (osnovy) ze svého vývojového prostředí. Někdy není ta "magie", kterou dělám (někteří tomu říkají "programování"), tak dokonalá, jak ji vidí moji kolegové, když jim ukazují tyto úžasné výsledky. Ano, řekl jsem: někdy používám staromódní metodu pokus-omyl, kterou všichni nazýváme "ladění" :)
Jednou z věcí, které mě za poslední desetiletí baví, je front-end vývoj (konkrétně Javascrip{filtering}t). Jako "řemeslník" rád získávám nové nástroje na trhu. V tomto příběhu vám dám několik skvělých, profesionálnějších tipů, jak používat "starou" konzoli.
Ano, všichni známe jeho základní použití:
console.log('Hello World!'); Přiložte zprávu nebo objekt do konzole
console.info('Něco se stalo...'); Stejně jako konzolový záznam
console.warn("'Stalo se něco zvláštního...'); Stejné jako konzolový log, ale zobrazí varování
console.error('Stalo se něco hrozného...'); Stejné jako v konzolovém logu, ale zobrazí chybu
Takže doufám, že vám teď mohu dát pár tipů, které jste předtím neznali, a jaké způsoby hraní vám mohou pomoci být profesionálnějším ladičem.
Tip #1 console.trace()
Pokud chcete získat lokaci nápovědy pro informace v logu, můžete použít console.trace() pro získání stack trace s logovými daty.
Tip #2 console.time() & console.timeEnd()
Pokud hledáte zákeřnější problém s výkonem, použijte console.time() pro výpočet času a pak použijte console.timeEnd() pro tisk.
Tip #3 console.memory
Pokud jsou vaše výkonnostní problémy složitější a hledáte skrytý únik paměti, možná byste měli zkusit použít console.memory (což je vlastnost, ne funkce) ke kontrole stavu velikosti haldy.
Tip #4 console.profile('profileName') & console.profileEnd('profileName')
Nejde o standardní přístup, ale je široce podporován. Můžete použít console.profile('profileName') a poté console.profileEnd('profileName') pro spuštění a ukončení nástroje pro výkon prohlížeče – "performance profile" z kódu. To vám pomůže přesně analyzovat, co chcete, a vyhnout se klikání myší, která závisí na době spuštění programu.
Tip #5 console.count ("VĚCI, KTERÉ POČÍTÁM")
V případě opakujících se funkcí nebo kódu můžete použít console.count('?') Počítat, kolikrát byl váš kód přečten.
Tip #6 console.assert(false, "Log me!")
Ano, podmíněné logování neobklopuje vaše logy pomocí if-else :)
Můžete použít console.assert(condition, msg) k zaznamenání něčeho, když je condition nepravdivý.
Prohlášení: V Node.js to způsobí chybu tvrzení!
Tip #7 console.group('group') & console.groupEnd('group')
Po napsání tolika záznamů je možná budete chtít uspořádat. Malým, ale užitečným nástrojem jsou console.group() a console.groupEnd(). Použijte konzolové skupiny k organizaci konzolových logů dohromady, přičemž každá skupina vytváří další úroveň v hierarchii. Volání groupEnd() pro snížení o jednu úroveň (zpět na předchozí úroveň).
Tip #8 Náhrady strun
Při logování můžete použít řetězce k nahrazení proměnných při slučování. Tyto odkazy jsou (%s = řetězec, %i = celé číslo, %o = objekt, %f = float).
Tip #9 console.clear()
Takže po napsání tolika logů je čas vyčistit vaši konzoli.
Tip #10 console.table()
Podle mě je to opravdový "klenot"! Můžete použít console.table() k vytištění velmi krásné tabulky!
|
Zveřejněno 07.08.2018 13:29:40
|
|
|
|
