Ποια είναι η διαφορά μεταξύ printIn και console.log στην JavaScript; (απαντημένο) - Όλες οι διαφορές
Πίνακας περιεχομένων
Η JavaScript είναι μια γλώσσα προγραμματισμού που είναι διαθέσιμη μόνο σε προγράμματα περιήγησης στο διαδίκτυο. Η κονσόλα JavaScript είναι μια διεπαφή γραμμής εντολών στο πρόγραμμα περιήγησής σας που σας επιτρέπει να εκτελείτε αποσπάσματα κώδικα. Όταν αυτό το απόσπασμα κώδικα έχει σχεδιαστεί για να αλληλεπιδρά με την ιστοσελίδα που βλέπετε αυτή τη στιγμή, μπορεί να προκύψουν απροσδόκητα αποτελέσματα.
Δείτε επίσης: Διαφορές μεταξύ του Cessna 150 και του Cessna 152 (Σύγκριση) - Όλες οι διαφορές"PrintIn" κάνει το κείμενο να εκτυπωθεί στο κονσόλα, ενώ μπορείτε να χρησιμοποιήσετε το "console.log" για να το καταγράψετε και να το χρησιμοποιήσετε για διάφορους σκοπούς, όπως για παράδειγμα να το στείλετε με email ως αναφορά σφάλματος.
Αν είστε προγραμματιστής, γνωρίζετε πόσο σημαντικό είναι να χρησιμοποιείτε και να κατανοείτε γλώσσες σεναρίων όπως η JavaScript. Ωστόσο, υπάρχουν φορές που μπορεί να έχετε μπερδευτεί σχετικά με τις λειτουργίες της.
Ακριβώς όπως η συνάρτηση printIn και η συνάρτηση console.log. Για να σας βοηθήσω να κατανοήσετε τη διαφορά και την εφαρμογή αυτών των δύο συναρτήσεων, θα σας εξηγήσω τι σημαίνουν και πώς λειτουργούν.
Ας ξεκινήσουμε!
Τι είναι η JavaScript;
Τι είναι η JavaScript;
Η JavaScript είναι μια γλώσσα σεναρίων για τη δημιουργία τακτικά ανανεούμενου υλικού, τον έλεγχο πολυμέσων, την κίνηση γραφικών και σχεδόν οτιδήποτε άλλο.
Δείτε επίσης: Ποια είναι η διαφορά μεταξύ του ξίφους και της ασπίδας των Pokémon; (Λεπτομέρειες) - Όλες οι διαφορέςΗ γλώσσα προγραμματισμού JavaScript διαθέτει ορισμένες τυπικές δυνατότητες προγραμματισμού που σας επιτρέπουν να κάνετε πράγματα όπως:
- Όταν συμβαίνουν ορισμένα συμβάντα σε μια ιστοσελίδα, μπορείτε να ανταποκριθείτε σε έναν εκτελούμενο κώδικα.
- Μπορείτε να χρησιμοποιήσετε μεταβλητές για να αποθηκεύσετε χρήσιμα δεδομένα.
- Μπορείτε να χρησιμοποιήσετε το "strings" που είναι μια λειτουργία επεξεργασίας κειμένου στον προγραμματισμό
Από την άλλη πλευρά, η λειτουργικότητα που προστίθεται στη γλώσσα JavaScript του χρήστη είναι ακόμη πιο ενδιαφέρουσα. Οι διεπαφές προγραμματισμού εφαρμογών (API) παρέχουν στον κώδικα JavaScript σας επιπλέον λειτουργίες.
Εν ολίγοις, η JavaScript διαθέτει πολλές συναρτήσεις που σας επιτρέπουν να ελέγχετε αυτό που κωδικοποιείτε. Στις συναρτήσεις αυτές περιλαμβάνονται οι printIn και console.log.
Τι είναι το PrintIn;
κωδικοποίηση
Η PrintIn είναι μια μέθοδος της Java για την εμφάνιση κειμένου στην κονσόλα. Αυτή η μέθοδος δέχεται αυτό το κείμενο ως παράμετρο με τη μορφή String. Αυτή η προσέγγιση εκτυπώνει το κείμενο στην κονσόλα, διατηρώντας τον κέρσορα στην αρχή της επόμενης γραμμής.
Η επόμενη εκτύπωση αρχίζει στην επόμενη γραμμή Υπάρχουν διάφορες μέθοδοι printIn όπως:
| void printIn() | Γράφει τη συμβολοσειρά διαχωρισμού γραμμής για το τέλος της τρέχουσας γραμμής. |
| void printIn(boolean x) | Η γραμμή τερματίζεται μετά την εκτύπωση ενός boolean. |
| void printIn(char x) | Η γραμμή τερματίζεται μετά την εκτύπωση ενός χαρακτήρα. |
| void print(char [ ] x) | Η γραμμή τερματίζεται μετά την εκτύπωση μιας σειράς χαρακτήρων. |
| void printIn(double x) | Η γραμμή τερματίζεται μετά την εκτύπωση μιας διπλής γραμμής. |
| void printIn(float x) | Η γραμμή τερματίζεται μετά την εκτύπωση afloat. |
| void printIn(int x) | Η γραμμή τερματίζεται μετά την εκτύπωση ενός ακέραιου αριθμού. |
| void printIn(long x) | Η γραμμή τερματίζεται μετά την εκτύπωση. |
| void printIn(Αντικείμενο x) | Η γραμμή τερματίζεται μετά την εκτύπωση ενός αντικειμένου. |
| void printIn(String x) | Η γραμμή τερματίζεται μετά την εκτύπωση μιας συμβολοσειράς. |
Χρήση διαφορετικών μεθόδων στην printIn
Αν και διαθέτει πολλές μεθόδους που μπορείτε να χρησιμοποιήσετε στην κωδικοποίηση της εργασίας σας, μπορεί να συναντήσετε μια άλλη μέθοδο για την εμφάνιση του κειμένου στην κονσόλα. Στην κονσόλα, υπάρχουν δύο μέθοδοι όπου μπορείτε να εκτυπώσετε την εργασία σας, η πρώτη είναι η printIn ενώ η άλλη είναι η print.
Για να μην μπερδευτείτε μεταξύ αυτών των δύο μεθόδων εκτύπωσης, ας ορίσουμε τη διαφορά μεταξύ της δεύτερης μεθόδου στην εκτύπωση, της εκτύπωσης.
Η Print είναι μια μέθοδος της Java για την εμφάνιση κειμένου στην κονσόλα. Αυτή η μέθοδος δέχεται αυτό το κείμενο ως παράμετρο με τη μορφή String. Αυτή η προσέγγιση εκτυπώνει το κείμενο στην κονσόλα, διατηρώντας τον κέρσορα στο τέλος της επόμενης γραμμής.
Η επόμενη εκτύπωση θα ξεκινήσει ακριβώς εδώ Υπάρχουν διάφορες μέθοδοι printIn όπως:
| void print(boolean b) | Εκτυπώνεται μια boolean τιμή. |
| void print(char c) | Εκτυπώνεται ένας χαρακτήρας. |
| void print(char [ ] s) | Εκτυπώνεται ένας πίνακας χαρακτήρων. |
| void print(double d) | Εκτυπώνεται ένας αριθμός κινητής υποδιαστολής διπλής ακρίβειας. |
| void print(float f) | Εκτυπώνεται ένας αριθμός κινητής υποδιαστολής. |
| void print(int i) | Εκτυπώνεται ένας ακέραιος αριθμός. |
| void print(long l) | Εκτυπώνεται ένας μεγάλος ακέραιος αριθμός. |
| void print(Object obj) | Εκτυπώνεται ένα αντικείμενο. |
| void print(String s) | Εκτυπώνεται μια συμβολοσειρά. |
Χρήση διαφορετικών μεθόδων στην εκτύπωση
Εν ολίγοις, η βασική διαφορά μεταξύ των δύο είναι η τοποθέτηση του κειμένου που εκτυπώνεται στην κονσόλα. Το PrintIn βρίσκεται στην αρχή της επόμενης γραμμής ενώ το Print στην το τέλος της επόμενης γραμμής.
Αν ενδιαφέρεστε να μάθετε για τα windows 10-pro και pro-n, δείτε το άλλο άρθρο μου.
Τι είναι το Console.log;
Console.log
Η κονσόλα είναι ένα αντικείμενο JavaScript που σας δίνει πρόσβαση στην κονσόλα εντοπισμού σφαλμάτων του προγράμματος περιήγησης.
Η console.log είναι μια συνάρτηση JavaScript που εκτυπώνει οποιεσδήποτε μεταβλητές έχουν οριστεί προηγουμένως σε αυτήν, καθώς και οποιαδήποτε πληροφορία που πρέπει να εμφανιστεί στον χρήστη.
Η έξοδος κυρίως καταγράφεται (εκτυπώνεται) στο τερματικό. Οποιοσδήποτε τύπος μπορεί να περάσει στην log(), συμπεριλαμβανομένων συμβολοσειρών, πινάκων, αντικειμένων και booleans.
Η έξοδος της μεθόδου console.log() είναι ορατή στην κονσόλα JavaScript, η οποία είναι προσβάσιμη μέσω του εργαλείου ανάπτυξης του προγράμματος περιήγησης. Ό,τι εξάγετε με την console.log() είναι προσβάσιμο σε όλους τους τελικούς χρήστες, ανεξάρτητα από την ομάδα ή το ρόλο τους.
Ας ρίξουμε μια ματιά στον τρόπο με τον οποίο μπορείτε να τη χρησιμοποιήσετε, καθώς και στην έξοδο μετά τη χρήση αυτής της συνάρτησης.
| JavaScript | Έξοδος |
// console. log() μέθοδος
| abc 1 true null undefined Array(4) [ 1, 2, 3, 4 ] Αντικείμενο { a : 1, b : 2 , c : 3 } |
Είσοδος και έξοδος με χρήση console.log
Ποια είναι η εκτύπωση στην κονσόλα με τη μέθοδο Console.log στη Javascript;
Είναι η πιο δημοφιλής και ευρέως χρησιμοποιούμενη μέθοδος κονσόλας της JavaScript. Η μέθοδος αυτή χρησιμοποιείται συχνά για την εκτύπωση διαφόρων μηνυμάτων ή αποτελεσμάτων υπολογισμών στην κονσόλα ή ακόμη και κατά την αποσφαλμάτωση κώδικα.
Έχετε γράψει κάποιο κώδικα που προσθέτει δύο αριθμούς και θα θέλατε να δείτε το αποτέλεσμα αυτής της λειτουργίας στην κονσόλα.Σε αυτή την περίπτωση, μπορείτε να χρησιμοποιήσετε τη μέθοδο console.log().
Έγγραφο var num_1 = 2, num_2 = 3; console.log(num_1 + num_2), Είναι το Console.log σύγχρονο ή ασύγχρονο;
Πριν συζητήσω μαζί σας για το αν το console.log είναι σύγχρονο ή ασύγχρονο, θα ορίσω πρώτα τι είναι σύγχρονο και τι ασύγχρονο.
Σύγχρονο σημαίνει ότι γίνεται ταυτόχρονα, ενώ ασύγχρονο σημαίνει ότι δεν γίνεται ταυτόχρονα. Έτσι, οι συμμετέχοντες/χρήστες στο σύγχρονο μπορούν να λάβουν ανατροφοδότηση αμέσως. Το ασύγχρονο σας επιτρέπει να μαθαίνετε στο δικό σας χρόνο.
Για να απαντήσετε, το concole.log είναι ασύγχρονο. Θα σας δείξω γιατί είναι αυτό, δείχνοντας παραδείγματα, ιδιαίτερα την ταξινόμηση ενός πίνακα αντικειμένων με πιο αποτελεσματικό τρόπο. Ας ξεκινήσουμε.
Ας υποθέσουμε ότι έχετε τα ακόλουθα αντικείμενα στον πίνακα σας:
| let users = [ { όνομα: "Nicole" , ηλικία: 20, επώνυμο: "Luna" } , { όνομα: "Cara" , ηλικία: 21, επώνυμο: "Lim" } , { όνομα: "Lara" , ηλικία: 20, επώνυμο: "Tuazon" }; ] |
αντικείμενα συστοιχίας
Πρέπει να ταξινομήσετε αυτόν τον πίνακα με βάση το όνομα του πεδίου, πράγμα που συνήθως γίνεται ως εξής.
| / / με το όνομα ( Cara, Lara, Nicole ) users.sort ( ( ( a, b ) => a.name> b.name ? 1 : -1), / / κατά ηλικία ( Lara, Nicole, Cara ) users.sort ( ( ( a, b ) => a.age> b.name ? 1 : -1), |
ταξινόμηση αντικειμένων πίνακα
Για να το τακτοποιήσετε με πιο αποτελεσματικό τρόπο, θα πρέπει να έχετε ως εξής:
| users.sort(byField( 'name' )), users.sort(byField( 'age' )), |
ταξινόμηση αντικειμένων πίνακα (απλός τρόπος)
Για να το κάνετε αυτό, πρέπει να γράψετε τη συνάρτηση "Byfield" για να την περάσετε και να την ταξινομήσετε στην Array.prototype.sort των αντικειμένων στον πίνακα σας. Λοιπόν, αυτό δεν είναι το κύριο αντικείμενο αυτού του άρθρου, αλλά παρακαλώ δείτε το παρακάτω παράδειγμα για να ολοκληρώσετε το παραπάνω παράδειγμα με απλό τρόπο.
| > let users = [ { όνομα: "Nicole" , ηλικία: 20, επώνυμο: "Luna" } , { όνομα: "Cara" , ηλικία: 21, επώνυμο: "Lim" } , { όνομα: "Lara" , ηλικία: 20, επώνυμο: "Tuazon" }; ] function byField ( fieldName ){ return (a, b ) => a[fieldName] ? 1 : -1 ; } users.sort(byField( 'name' ) ), concole.log(users), users.sort(byField( 'age' ) ), concole.log(users), (3) [ { ... }, { ... }, { ... } ] > 0: { name: " Lara ", age: " 20 " , surname: " Tuazon " } > 1: { name: " Nicole ", age: " 20 " , surname: " Luna " } > 1: { name: " Cara ", age: " 21 " , surname: " Lim " } μήκος: 3 > _proto_: Array (0) (3) [ { ... }, { ... }, { ... } ] > 0: { name: " Lara ", age: " 20 " , surname: " Tuazon " } > 1: { name: " Nicole ", age: " 20 " , surname: " Luna " } > 1: { name: " Cara ", age: " 21 " , surname: " Lim " } μήκος: 3 > _proto_: Array (0) |
αντικείμενα ταξινομημένου πίνακα
Μπορείτε να δείτε από τον παραπάνω πίνακα ότι ταξινομώ τα αντικείμενα του πίνακα δύο φορές, ταξινομώ πρώτα με βάση το όνομα, στη συνέχεια με βάση την ηλικία, και μετά από κάθε λειτουργία ταξινόμησης, εκτελώ την console.log (). Επίσης, ίσως παρατηρήσατε ότι η console.log() αποκατέστησε την ίδια έξοδο για κάθε ταξινόμηση του αποτελέσματος, αλλά αυτό δεν ισχύει- επιτρέψτε μου να εξηγήσω γιατί.
Έτρεξα τον παραπάνω κώδικα όλα μαζί και στη συνέχεια αποφάσισα να επεκτείνω κάθε αντίδραση από την console.log (). Αυτό είναι σημαντικό επειδή η console.log() είναι ασύγχρονη.
Όσον αφορά το βρόχο συμβάντων, όλα τα ασύγχρονα χαρακτηριστικά φτάνουν στον πίνακα συμβάντων. Σε αυτή την περίπτωση, μετά την εμφάνιση της console.log(), προχωρά στον πίνακα συμβάντων και περιμένει την εμφάνιση ενός συγκεκριμένου συμβάντος.
Όταν συμβεί ένα συμβάν, η console.log() θα σταλεί στην ουρά συμβάντων, όπου θα περιμένει μέχρι όλες οι διεργασίες σε αυτή την ουρά συμβάντων που ήταν ήδη παρούσες όταν τοποθετήθηκε η console.log και έχουν σταλεί στη στοίβα κλήσεων, τότε η console.log() θα σταλεί επίσης σε αυτή τη στοίβα κλήσεων.
Πώς να ανοίξετε το Console.log της Javascript;
Στα προγράμματα περιήγησης ιστού, η Κονσόλα είναι ένα από τα διάφορα Εργαλεία ανάπτυξης. Για να αντιμετωπίσετε προβλήματα στον κώδικα JavaScript σας, μπορείτε να χρησιμοποιήσετε την Κονσόλα. Η Κονσόλα μπορεί να βρεθεί σε πολλά σημεία ανάλογα με το πρόγραμμα περιήγησης.
Σε αυτό το σεμινάριο θα σας διδάξω πού μπορείτε να ανακαλύψετε την Κονσόλα στο πρόγραμμα περιήγησης Google Chrome.
Βήματα για να ανοίξετε το αρχείο καταγραφής της κονσόλας στο Chrome
Ας δούμε πώς μπορείτε να ανοίξετε το αρχείο καταγραφής της κονσόλας του Chrome.
- Επιλέξτε Επιθεώρηση από το αναδυόμενο μενού ενώ το πρόγραμμα περιήγησης Chrome είναι ανοιχτό.
- Η καρτέλα "Στοιχεία" των Εργαλείων ανάπτυξης θα ανοίξει από προεπιλογή όταν εκτελέσετε το Inspect. Στα δεξιά της καρτέλας "Στοιχεία", κάντε κλικ στην επιλογή "Κονσόλα".
- Μπορείτε τώρα να δείτε την Κονσόλα καθώς και οποιαδήποτε έξοδο που έχει καταγραφεί στο αρχείο καταγραφής της Κονσόλας.
Μπορείτε επίσης να ανοίξετε τα Εργαλεία ανάπτυξης του Chrome χρησιμοποιώντας ορισμένα πλήκτρα συντόμευσης. Ανάλογα με την έκδοση του Chrome σας, μπορείτε να χρησιμοποιήσετε τις ακόλουθες συντομεύσεις:
Για Windows και Linux,
| Ctrl + Shift + I | Εμφανίζεται το παράθυρο Εργαλεία προγραμματιστή. |
| Ctrl + Shift + J | Επιλέγει την καρτέλα Κονσόλα στα Εργαλεία ανάπτυξης. |
| Ctrl + Shift + C | Εναλλαγή της λειτουργίας Inspect Element |
Πλήκτρα συντόμευσης
Τελικές σκέψεις
Το κύρια διαφορά μεταξύ των printIn και console.log είναι η λειτουργία τους και η αποτέλεσμα του κώδικα . η PrintIn εκτυπώνει το κείμενο στην κονσόλα, ενώ η console.log εκτυπώνει τυχόν μεταβλητές με συμβολοσειρές που έχουν κωδικοποιηθεί προηγουμένως.
Βασικά, αυτές οι λειτουργίες της Javascript σας επιτρέπουν να εκτυπώνετε και να εμφανίζετε τις μεταβλητές και το κείμενο στην κονσόλα. Στην JavaScript, μπορείτε να εκτυπώνετε χρησιμοποιώντας μια ποικιλία μεθόδων.
Η μέθοδος καταγραφής της κονσόλας JavaScript είναι η πιο συχνά χρησιμοποιούμενη επιλογή κατά τον εντοπισμό σφαλμάτων. Για να κάνετε αποτελεσματικότερο εντοπισμό σφαλμάτων στον κώδικά σας, θα πρέπει να τις εξασκήσετε όλες και να μάθετε πώς να τις χρησιμοποιείτε σωστά.
Οι προγραμματιστές και οι προγραμματιστές τα χρησιμοποιούν συχνά για να εκτυπώνουν οποιεσδήποτε μεταβλητές που έχουν προκαθοριστεί σε αυτό, καθώς και οποιαδήποτε πληροφορία που πρέπει να παρουσιαστεί στον χρήστη.
