Przede wszystkim muszę przyznać, że wykorzystam tę platformę, aby oczyścić szkielet (konspekt) z mojego środowiska programistycznego. Czasami ta "magia", którą robię (niektórzy nazywają ją "kodowaniem"), nie jest tak doskonała, jak widzą moi koledzy, pokazując im te wspaniałe wyniki. Tak, powiedziałem: czasem stosuję staromodną metodę prób i błędów, którą wszyscy nazywamy "debugowaniem" :)
Jedną z rzeczy, które pasjonowały mnie przez ostatnią dekadę, było tworzenie front-endu (konkretnie Javascrip{filtering}t). Jako "rzemieślnik" lubię uczyć się nowych narzędzi dostępnych na rynku. W tej historii dam wam kilka świetnych, bardziej profesjonalnych wskazówek, jak korzystać ze "starej" konsoli.
Tak, wszyscy znamy jego podstawowe zastosowanie:
console.log('Witaj świat!'); Zaloguj wiadomość lub obiekt do konsoli
console.info('Coś się stało...'); To samo co w logach konsoli
console.warn("'Coś dziwnego się stało...'); To samo co w logu konsoli, ale wyświetla ostrzeżenie
console.error('Coś strasznego się stało...'); To samo co w logu konsoli, ale wychodzi błąd
Mam nadzieję, że teraz mogę dać Ci kilka wskazówek, których wcześniej nie znałeś i jak grać, które mogą uczynić Cię bardziej profesjonalnym debuggerem.
Wskazówka #1 console.trace()
Jeśli chcesz uzyskać lokalizację podpowiedzi dla informacji logowych, możesz użyć console.trace(), aby uzyskać stack trace z danymi logowymi.
Wskazówka #2 console.time() & console.timeEnd()
Jeśli szukasz bardziej podstępnego problemu z wydajnością, użyj console.time(), aby zacząć liczyć czas, a następnie użyj console.timeEnd() do wydrukowania.
Wskazówka #3 console.memory
Jeśli Twoje problemy z wydajnością są bardziej trudne i szukasz ukrytego wycieku pamięci, warto spróbować użyć console.memory (czyli właściwości, a nie funkcja) do sprawdzenia stanu wielkości sterty.
Wskazówka #4: console.profile('profileName') i console.profileEnd('profileName')
To nie jest standardowe podejście, ale cieszy się szerokim poparciem. Możesz użyć console.profile('profileName') oraz console.profileEnd('profileName'), aby uruchomić i zakończyć narzędzie wydajności przeglądarki – "performance profile" z kodu. To pomoże Ci dokładnie przeanalizować, czego potrzebujesz, i uniknąć klikania myszką, co zależy od czasu wykonania programu.
Wskazówka #5 console.count ("RZECZY, KTÓRE LICZĘ")
W przypadku funkcji powtarzających się lub kodu możesz użyć console.count('?') Do liczenia, ile razy Twój kod został odczytany.
Wskazówka #6 console.assert(false, "Loguj mnie!")
Tak, logowanie warunkowe nie owija twoich logów z if-else :)
Możesz użyć console.assert(condition, msg), aby zarejestrować coś, gdy warunek jest fałszywy.
Zastrzeżenie: W Node.js wywoła to błąd w twierdzeniu!
Wskazówka #7 console.group('group') & console.groupEnd('group')
Po napisaniu tak wielu dzienników warto je uporządkować. Małym, ale użytecznym narzędziem są console.group() oraz console.groupEnd(). Używaj grup konsolowych do organizowania logów konsolowych, każda grupa tworzy kolejny poziom hierarchii. Wywoływanie groupEnd(), aby zmniejszyć o jeden poziom (z powrotem do poprzedniego poziomu).
Wskazówka #8 Podstawienia strun
Podczas logowania możesz użyć stringów do zastąpienia zmiennych merge. Te odwołania to (%s = string, %i = liczba całkowita, %o = obiekt, %f = float).
Wskazówka #9 console.clear()
Więc, mając już tyle logów, czas posprzątać swoją konsolę.
Wskazówka #10 console.table()
Moim zdaniem to prawdziwy "klejnot"! Możesz użyć console.table(), aby wydrukować bardzo piękną tabelę!
|
Opublikowano 07.08.2018 13:29:40
|
|
|
|
