Először is be kell vallanom, hogy ezt a platformot fogom használni, hogy kitisztítsam a fejlesztési környezetem vázát (vázlatát). Néha az a "varázslat", amit csinálok (egyesek "kódolásnak" hívják), nem olyan tökéletes, mint ahogy a kollégáim látják, amikor megmutatják nekik ezeket a csodálatos eredményeket. Igen, mondtam: néha a régimódi próbálkozás-hiba módszert használom, amit mindannyian "hibakeresésnek" hívunk:)
Az elmúlt évtizedben szenvedélyesen érdeklődtem a front-end fejlesztés (különösen a Javascrip{filtering}t). "Mesterként" szeretek új eszközöket tanulni a piacon. Ebben a történetben néhány nagyszerű, profibb tippet fogok adni a "régi" konzol használatához.
Igen, mindannyian tudjuk, hogy alapvető használata:
console.log('Hello World!'); Naplózz egy üzenetet vagy tárgyat a konzolba
console.info('Valami történt...'); Ugyanaz, mint a konzolnapló
console.warn ("Valami furcsa történt...'); Ugyanaz, mint a konzolnapló, de figyelmeztetést ad
console.error ('Valami szörnyű történt...'); Ugyanaz, mint a konzolnapló, de hibát ad
Remélem, most adhatok néhány tippet, amiket korábban nem tudtál, és azokat a játékmódokat, amelyek profibbá tehetnek egy hibakeresővé.
Tipp #1 console.trace()
Ha szeretnéd megszerezni a log információhoz a hint helyét, használhatod console.trace() segítségével egy stack trace-t log adatokkal rendelkező stack trace-hez.
Tipp #2 console.time() && console.timeEnd()
Ha egy alattomosabb teljesítményproblémát keresel, használd a console.time() oldalt, hogy elkezdd kiszámolni az időt, majd a console.timeEnd() segítségével nyomtatd.
Tipp #3 console.memory
Ha a teljesítményproblémáid bonyolultabbak, és rejtett memória szivárgást keresel, érdemes lehet a console.memory (ami tulajdonság, nem függvény) használni a halom méret állapotának ellenőrzésére.
Tip #4 console.profile('profileName') & console.profileEnd('profileName')
Ez nem egy szabványos megközelítés, de széles körben támogatják. Használhatod a console.profile('profileName'), majd a console.profileEnd ('profileName') oldalt, hogy elindítsd és fejezd be a böngésző teljesítményeszközt – a "performance profile" a kódból. Ez segít pontosan elemezni, mit szeretnél, és elkerülni, hogy az egér kattintása, ami a program végrehajtási idejétől függ.
Tipp #5 console.count ("STUFF WILL COUNT")
Visszatérő függvények vagy kód esetén használhatod a console.count('?') hogy számoljam, hányszor olvasták el a kódodat.
Tip #6 console.assert(false, "Log me!")
Igen, a feltételes naplózás nem csomagolja be a naplókat if-else :)
Használhatod a console.assert(condition, msg) használatát, hogy naplózz valamit, ha a feltétel hamis.
Figyelmeztetés: Node.js-ben ez egy állítási hibát fog okozni!
Tip #7 console.group('group') & console.groupEnd('group')
Ennyi napló írása után érdemes lehet rendszerezni őket. Egy kis, de hasznos eszköz a console.group() és a console.groupEnd(). Használj konzolcsoportokat a konzolnaplók rendszerezésére, mindegyik csoport létrehoz egy új szintet a hierarchiában. A groupEnd() hívás, hogy csökkentsen egy szinttel (vissza az előző szintre).
Tipp #8 Vonócserék
Naplózáskor stringeket használhatsz az egyesítési változók helyettesítésére. Ezek a hivatkozások: (%s = string, %i = egész szám, %o = objektum, %f = lebegő).
Tipp #9 console.clear()
Szóval, miután ennyi naplót írtál, itt az ideje, hogy rendbe hozd a konzolodat.
Tipp #10 console.table()
Szerintem ez egy igazi "gyöngyszem"! A console.table() segítségével nagyon szép táblát nyomtathatsz!
|
Közzétéve 2018. 08. 07. 13:29:40
|
|
|
|
