Πρώτα απ 'όλα, πρέπει να ομολογήσω ότι θα χρησιμοποιήσω αυτήν την πλατφόρμα για να καθαρίσω τον σκελετό (περίγραμμα) από το περιβάλλον ανάπτυξής μου. Μερικές φορές, η «μαγεία» που κάνω (κάποιοι την αποκαλούν «κωδικοποίηση») δεν είναι τόσο τέλεια όσο βλέπουν οι συνάδελφοί μου όταν τους δείχνουν αυτά τα υπέροχα αποτελέσματα. Ναι, είπα: μερικές φορές, χρησιμοποιώ την παλιομοδίτικη μέθοδο δοκιμής και λάθους, την οποία όλοι ονομάζουμε "εντοπισμό σφαλμάτων" :)
Ένα από τα πράγματα με τα οποία ήμουν παθιασμένος την τελευταία δεκαετία ήταν η ανάπτυξη front-end (συγκεκριμένα το Javascrip{filtering}t). Ως «τεχνίτης», μου αρέσει να μαθαίνω νέα εργαλεία στην αγορά. Σε αυτήν την ιστορία, θα σας δώσω μερικές υπέροχες, πιο επαγγελματικές συμβουλές για το πώς να χρησιμοποιήσετε την "παλιά" κονσόλα.
Ναι, όλοι γνωρίζουμε τη βασική του χρήση:
console.log(«Hello World!»); Καταγραφή μηνύματος ή αντικειμένου στην κονσόλα
console.info(«Κάτι συνέβη...»); Το ίδιο με το αρχείο καταγραφής της κονσόλας
console.warn('Κάτι περίεργο συνέβη...'); Το ίδιο με το αρχείο καταγραφής της κονσόλας, αλλά εξάγει μια προειδοποίηση
console.error('Συνέβη κάτι φρικτό...'); Το ίδιο με το αρχείο καταγραφής της κονσόλας, αλλά εξάγει ένα σφάλμα
Έτσι, ελπίζω τώρα να μπορώ να σας δώσω μερικές συμβουλές που δεν γνωρίζατε πριν και αυτούς τους τρόπους παιχνιδιού που μπορούν να σας κάνουν πιο επαγγελματία εντοπισμό σφαλμάτων.
Συμβουλή #1 console.trace()
Εάν θέλετε να λάβετε τη θέση υπόδειξης για πληροφορίες καταγραφής, μπορείτε να χρησιμοποιήσετε το console.trace() για να λάβετε μια ανίχνευση στοίβας με δεδομένα καταγραφής.
Συμβουλή #2: console.time() && console.timeEnd()
Εάν προσπαθείτε να βρείτε ένα πιο ύπουλο πρόβλημα επιδόσεων, χρησιμοποιήστε το console.time() για να ξεκινήσετε τον υπολογισμό του χρόνου και, στη συνέχεια, χρησιμοποιήστε το console.timeEnd() για να εκτυπώσετε.
Συμβουλή #3 console.memory
Εάν τα προβλήματα απόδοσης είναι πιο δύσκολα και αναζητάτε μια κρυφή διαρροή μνήμης, ίσως θελήσετε να δοκιμάσετε να χρησιμοποιήσετε το console.memory (το οποίο είναι μια ιδιότητα, όχι μια συνάρτηση) για να ελέγξετε την κατάσταση του μεγέθους του σωρού σας.
Συμβουλή #4: console.profile('profileName') & console.profileEnd('profileName')
Αυτή δεν είναι μια τυπική προσέγγιση, αλλά υποστηρίζεται ευρέως. Μπορείτε να χρησιμοποιήσετε το console.profile('profileName') και, στη συνέχεια, το console.profileEnd('profileName') για να ξεκινήσετε και να τερματίσετε το εργαλείο απόδοσης του προγράμματος περιήγησης - "performance profile" από τον κώδικα. Αυτό θα σας βοηθήσει να αναλύσετε ακριβώς αυτό που θέλετε και να αποφύγετε να κάνετε κλικ με το ποντίκι, κάτι που εξαρτάται από τον χρόνο εκτέλεσης του προγράμματος.
Συμβουλή #5 console.count("ΠΡΑΓΜΑΤΑ ΠΟΥ ΜΕΤΡΑΩ")
Στην περίπτωση επαναλαμβανόμενων συναρτήσεων ή κώδικα, μπορείτε να χρησιμοποιήσετε το console.count('?') για να μετρήσετε πόσες φορές έχει διαβαστεί ο κώδικάς σας.
Συμβουλή #6 console.assert(false, "Log me!")
Ναι, η καταγραφή υπό όρους δεν τυλίγει τα αρχεία καταγραφής σας με το if-else :)
Μπορείτε να χρησιμοποιήσετε το console.assert(condition, msg) για να καταγράψετε κάτι όταν η συνθήκη είναι ψευδής.
Αποποίηση ευθύνης: Σε Node.js, αυτό θα προκαλέσει ένα σφάλμα ισχυρισμού!
Συμβουλή #7: console.group('group') & console.groupEnd('group')
Αφού γράψετε τόσα πολλά αρχεία καταγραφής, ίσως θελήσετε να τα οργανώσετε. Ένα μικρό αλλά χρήσιμο εργαλείο είναι το console.group() και το console.groupEnd(). Χρησιμοποιήστε ομάδες κονσόλας για να οργανώσετε τα αρχεία καταγραφής της κονσόλας μαζί, με κάθε ομαδοποίηση να δημιουργεί ένα άλλο επίπεδο στην ιεραρχία. Κλήση groupEnd() για μείωση κατά ένα επίπεδο (επιστροφή στο προηγούμενο επίπεδο).
Συμβουλή #8 Αντικαταστάσεις συμβολοσειρών
Κατά την καταγραφή, μπορείτε να χρησιμοποιήσετε συμβολοσειρές για να αντικαταστήσετε τις μεταβλητές συγχώνευσης. Αυτές οι αναφορές είναι (%s = συμβολοσειρά, %i = ακέραιος, %o = αντικείμενο, %f = float).
Συμβουλή #9 console.clear()
Έτσι, έχοντας γράψει τόσα πολλά αρχεία καταγραφής, ήρθε η ώρα να καθαρίσετε την κονσόλα σας.
Συμβουλή #10 console.table()
Κατά τη γνώμη μου, αυτό είναι ένα πραγματικό "κόσμημα"! Μπορείτε να χρησιμοποιήσετε το console.table() για να εκτυπώσετε έναν πολύ όμορφο πίνακα!
|
Δημοσιεύτηκε στις 7/8/2018 1:29:40 μ.μ.
|
|
|
|
