V prvom rade musím priznať, že túto platformu využijem na vyčistenie kostry (osnovy) z môjho vývojového prostredia. Niekedy nie je tá "mágia", ktorú robím (niektorí ju nazývajú "programovanie"), taká dokonalá, ako ju vidia moji kolegovia, keď im ukazujú tieto úžasné výsledky. Áno, povedal som: niekedy používam staromódnu metódu pokus-omyl, ktorú všetci nazývame "ladením" :)
Jednou z vecí, ktoré ma za posledné desaťročie veľmi bavia, je front-end vývoj (konkrétne Javascrip{filtering}t). Ako "remeselník" sa rád učím nové nástroje na trhu. V tomto príbehu vám dám niekoľko skvelých, profesionálnejších tipov, ako používať "starú" konzolu.
Áno, všetci poznáme jeho základné použitie:
console.log('Ahoj svet!'); zaznamenať správu alebo objekt do konzoly
console.info('Niečo sa stalo...'); Rovnako ako konzolový log
console.warn("'Stalo sa niečo zvláštne...'); To isté ako v konzolovom logu, ale zobrazí varovanie
console.error('Stalo sa niečo hrozné...'); To isté ako konzolový log, ale zobrazí chybu
Dúfam, že vám teraz môžem dať niekoľko tipov, ktoré ste predtým nepoznali, a tie spôsoby, ako hrať, aby ste sa stali profesionálnejším debuggerom.
Tip #1 console.trace()
Ak chcete získať lokalizáciu nápovedy pre logovacie informácie, môžete použiť console.trace() na získanie stack trace s logovými dátami.
Tip #2 console.time() & console.timeEnd()
Ak hľadáte zákernejší problém s výkonom, použite console.time() na výpočet času a potom použite console.timeEnd() na tlač.
Tip #3 console.memory
Ak sú vaše výkonové problémy zložitejšie a hľadáte skrytý únik pamäte, možno by ste mali skúsiť použiť console.memory (čo je vlastnosť, nie funkcia) na kontrolu stavu veľkosti haldy.
Tip #4 console.profile('profileName') & console.profileEnd('profileName')
Nie je to štandardný prístup, ale je široko podporovaný. Môžete použiť console.profile('profileName') a potom console.profileEnd('profileName') na spustenie a ukončenie nástroja na výkon prehliadača – "performance profile" z kódu. To vám pomôže analyzovať presne, čo chcete, a vyhnúť sa klikaniu myšou, ktorá závisí od času spustenia programu.
Tip #5 console.count ("VECI POČÍTAM")
V prípade opakujúcich sa funkcií alebo kódu môžete použiť console.count('?') počítať, koľkokrát bol váš kód prečítaný.
Tip #6 console.assert(nepravda, "Log me!")
Áno, podmienené logovanie nezabalí vaše logy do if-else :)
Môžeš použiť console.assert(condition, msg) na zaznamenávanie niečoho, keď je podmienka nesprávna.
Upozornenie: V Node.js to vyvolá chybu v tvrdení!
Tip #7 console.group('group') & console.groupEnd('group')
Po napísaní toľkých záznamov ich možno budete chcieť usporiadať. Malým, ale užitočným nástrojom sú console.group() a console.groupEnd(). Použite konzolové skupiny na organizáciu konzolových logov dokopy, pričom každá skupina vytvára ďalšiu úroveň v hierarchii. Volanie groupEnd() na zníženie o jednu úroveň (späť na predchádzajúcu úroveň).
Tip #8 Substitúcie strún
Pri logovaní môžete použiť reťazce na nahradenie merge premenných. Tieto odkazy sú (%s = reťazec, %i = celé číslo, %o = objekt, %f = float).
Tip #9 console.clear()
Takže, keď ste napísali toľko logov, je čas upratať vašu konzolu.
Tip #10 console.table()
Podľa mňa je to skutočný "klenot"! Môžeš použiť console.table() na vytlačenie veľmi krásnej tabuľky!
|
Zverejnené 7. 8. 2018 13:29:40
|
|
|
|
