4 Χρήσιμες δηλώσεις JavaScript που πρέπει να γνωρίζετε

Οι δηλώσεις JavaScript μας δίνουν την εξουσία εφαρμόστε διαφορετικούς τύπους λογικής στον κώδικα μας. Το JavaScript μας παρέχει μερικά από αυτά, τα οποία έχουν το δικό τους σκοπό και σύνταξη. Μεταξύ των πιο γνωστών παραδειγμάτων μπορούμε να βρούμε δηλώσεις έκφρασης, δηλώσεις επανάληψης, δηλώσεις υπό όρους και πολλά άλλα

Στη σημερινή θέση θα δούμε τέσσερις λιγότερο κοινές δηλώσεις JavaScript ίσως να μην το γνωρίζατε προηγουμένως, αλλά να εμβαθύνετε τις γνώσεις JavaScript και να σας επιτρέπουν να γράφετε καλύτερο κώδικα.

1. Άδεια δήλωση

Στη θέση οποιασδήποτε δήλωσης JavaScript, μπορείτε να προσθέσετε μια κενή δήλωση, η οποία είναι γραμμένη ως ένα μεμονωμένο τετράγωνο .. Όταν ο διερμηνέας JavaScript ερμηνεύει μια κενή δήλωση, δεν εκτελείται κανένας κώδικας, γι 'αυτό μπορεί να είναι χρήσιμο να αντικαταστήστε τις υπο-δηλώσεις που δεν θέλετε να εκτελέσετε.

Για παράδειγμα, υποθέστε ότι υπάρχει μια μεταβλητή που ονομάζεται ηλιοτρόπιο με την προεπιλεγμένη τιμή ουδέτερος. Με βάση την τιμή μιας άλλης μεταβλητής που ονομάζεται ρΗ, ηλιοτρόπιο αλλαγές στις δύο όξινο όταν το ρΗ < 7 or βασικός όταν ρΗ> 7.

Αν η τιμή του ρΗ αποδειχθεί ότι είναι άκυρο, ρίχνεται ένα σφάλμα. Για ένα κατάσταση Έτσι, ισχύουν οι ακόλουθες δηλώσεις υπό όρους:

 var litmus = 'ουδέτερο'; ρΗ ρΗ. αν (pH> 0 && pH<7) litmus = 'acidic'; else if(pH>7 && pH<15) litmus = 'basic'; else throw "Invalid pH value"; 

Ωστόσο, το παραπάνω σύνολο δηλώσεων ρίχνει ένα λάθος όταν ρΗΗ αξία του είναι 7, πράγμα που δεν πρέπει να συμβαίνει.

Πότε ρΗ είναι 7, ηλιοτρόπιο θα πρέπει να διατηρήσει την προεπιλεγμένη τιμή του, δηλαδή ουδέτερος. Έτσι, για μια περίπτωση όπως αυτή, προσθέστε μια κατάσταση όταν ρΗ είναι 7 με μια τελική κενή δήλωση.

 var litmus = 'ουδέτερο'; ρΗ ρΗ. αν (pH> 0 && pH<7) litmus = 'acidic'; else if(pH===7) ; /* empty statement */ else if(pH>7 && pH<15) litmus = 'basic'; else throw "Invalid pH value";

Τώρα πότε ρΗ είναι 7, ο διερμηνέας δεν εκτελεί καμία εντολή, και ηλιοτρόπιο διατηρεί την προεπιλεγμένη τιμή, ουδέτερος.

Άδειες δηλώσεις μπορούν επίσης να χρησιμοποιηθούν για τη συμπλήρωση ενός πίνακα με τη βοήθεια του Για βρόχος.

 var ary = []. για (var i = 0 · i < 5; ary[i++] = i) ; /* empty statement */ console.log(ary); // [1, 2, 3, 4, 5]

Τυπικά, α Για loop statement ακολουθείται από μια δευτερεύουσα δήλωση που αποτελείται από μία μόνο εντολή ή μια εντολή block (αυτή που περικλείεται στο στρογγυλεμένες αγκύλες) που πρόκειται να εκτελεστούν. Χρησιμοποιώντας μια κενή δήλωση στη θέση της δευτερεύουσας δήλωσης, ο διερμηνέας δεν θα έχει τίποτα να εκτελέσει μετά από κάθε βρόχο, έτσι μόνο το βρόχο εμφανίζεται και εκτελούνται οι συνθήκες βρόχου.

Στο παραπάνω παράδειγμα, ary [i ++] = i εκτελείται για κάθε επανάληψη βρόχου ως μέρος της κατάστασης βρόχου και της συστοιχίας αρα γίνεται instantiated με τιμές του Εγώ.

2. Το debugger Δήλωση

Στα εργαλεία εντοπισμού σφαλμάτων, μπορούμε προσθέστε δείκτες που ονομάζεται ορια ΑΝΤΟΧΗΣ σε οποιαδήποτε γραμμή στον πηγαίο κώδικα σημειώστε τις γραμμές από τις οποίες το εργαλείο εντοπισμού σφαλμάτων θα ξεκινήσει την εκκαθάριση.

Στο JavaScript, το debugger δήλωση λειτουργεί με τον ίδιο τρόπο όπως ένα σημείο διακοπής, εκτός από το ότι είναι προστέθηκε απευθείας στον πηγαίο κώδικα, παρά μέσα σε ένα εργαλείο. Οποιοδήποτε πρόγραμμα εντοπισμού σφαλμάτων εκτελείται να σταματήσει την εκτέλεση δέσμης ενεργειών όταν φτάσει στο debugger για να σας βοηθήσουν να εντοπίσετε τον κώδικα.

Θυμηθείτε, το σφάλμα θα ενεργοποιηθεί μόνο αν η δέσμη ενεργειών εκτελείται σε κατάσταση αποσφαλμάτωσης, δηλαδή ένα πρόγραμμα εντοπισμού σφαλμάτων εκτελείται ήδη κατά την εκτέλεση της δέσμης ενεργειών. Εάν δεν υπάρχει τρέχον πρόγραμμα εντοπισμού σφαλμάτων κατά την ερμηνεία του debugger δήλωση, ο διερμηνέας θα συνεχίσει τη δουλειά του σαν να μην συνέβη τίποτα.

Ως γρήγορη δοκιμή, εκτελέστε τον ακόλουθο κώδικα στο Codepen, ενώ διατηρείτε το εργαλείο εντοπισμού σφαλμάτων του προγράμματος περιήγησης ανοιχτό:

 console.log ('tesing'); debugger; console.log ('δήλωση αποσφαλμάτωσης');

Θα δείτε ένα σημείο διακοπής εκτός από το debugger όπως φαίνεται παρακάτω στο εργαλείο εντοπισμού σφαλμάτων του προγράμματος περιήγησης.

3. Ετικέτα δήλωση

Στο JavaScript, μπορείτε να προσθέσετε ετικέτες σε ορισμένες δηλώσεις επίσης. Με αυτόν τον τρόπο, μπορείτε αργότερα μεταβείτε στην ετικέτα χρησιμοποιώντας την ετικέτα στον κωδικό σας, περίπου σαν το παω σε η δήλωση λειτουργεί σε ορισμένες άλλες γλώσσες.

Οι δηλωμένες δηλώσεις μπορούν να χρησιμοποιηθούν μόνο μαζί με το Διακοπή και να συνεχίσει δηλώσεις, όπως στο JavaScript δεν υπάρχει κυριολεκτική παω σε δήλωση.

Και τα δυο Διακοπή και να συνεχίσει μπορεί να χρησιμοποιηθεί μόνο μέσα σε δηλώσεις βρόχου, όπως το Για (με μια εξαίρεση, Διακοπή μπορεί να χρησιμοποιηθεί στο διακόπτης δήλωση). Έτσι, μπορούμε να επισημάνουμε βρόχους, και να χρησιμοποιήσουμε Διακοπή και να συνεχίσει για τον έλεγχο της εκτέλεσης τους.

ο σύνταξη ετικετών δηλώσεων είναι απλή, απλά πρέπει να προσθέσετε το όνομα της ετικέτας με ένα επόμενο παχύ έντερο, όπως μπορείτε να το δείτε στο παρακάτω παράδειγμα, όπου βρόχος είναι το όνομα της ετικέτας που προσθέτουμε στο Για βρόχος.

 βρόχος: για (var i = 0, i<5; i++) if(i===2) continue loop; console.log(i); // 0, 1, 3, 4 

Όταν η τιμή του Εγώ είναι 2, η εκτέλεση αναπηδά στο βρόχο αντί να προχωρήσει και επομένως αποτρέπει την έξοδο της κονσόλας “2”.

Τώρα ας δούμε ένα άλλο παράδειγμα με το Διακοπή δήλωση. Απλά αντικαταστήστε το να συνεχίσει λέξη-κλειδί με Διακοπή στο παραπάνω παράδειγμα, και θα παρατηρήσετε ότι αντί να πηδήσετε πίσω στο βρόχο όπως έκανε με να συνεχίσει, ο βρόχος τελειώνει / σπάει εντελώς.

 βρόχος: για (var i = 0, i<5; i++) if(i===2) break loop; console.log(i); // 0, 1 

Τα παραπάνω παραδείγματα ήταν αρκετά απλά έτσι ώστε να μπορείτε να καταλάβετε γρήγορα πώς λειτουργούν οι σημειωμένες δηλώσεις, αλλά στην πραγματική κωδικοποίηση, οι ετικέτες χρησιμοποιούνται συχνότερα σε σύνθετους βρόχους, όταν είναι απαραίτητο να διακρίνουμε τους διάφορους βρόχους, όπως στο παρακάτω παράδειγμα:

 βρόχος: για (var i = 0, i<4; i++)  for(var j=0; j<2; j++)  if(i===2 && j===1) break loop; console.log(i+"-"+j); 

Εδώ, το εξωτερικό βρόχο φρένα στην τιμή 2 για τη μεταβλητή Εγώ και σε 1 για j, και η κονσόλα επιστρέφει την ακόλουθη έξοδο:

 0-0 0-1 1-0 1-1 2-0

4. Το με Δήλωση

Όταν ο διερμηνέας JS έρχεται σε ένα απροσδιόριστο όνομα που δεν καθορίζει το αντικείμενο ή τη λειτουργία που σχετίζεται με την κλήση, αυτό αναζητεί την αλυσίδα του πεδίου εφαρμογής για οποιοδήποτε κατάλληλο αντικείμενο ή λειτουργία που μπορεί να αναφέρεται στην κλήση.

Χρησιμοποιώντας το με δήλωση, μπορούμε προσθέστε ένα αντικείμενο στην κορυφή της αλυσίδας του εύρους, και καθορίστε ποιο αντικείμενο σχετίζεται με την κλήση.

Στο παρακάτω παράδειγμα, μπορείτε να δείτε ότι οι ιδιότητες του πρόσωπο αντικείμενα ονομάζονται μόνο μέσα από το όνομά τους με δήλωση.

 var πρόσωπο = firstName: "John", lastName: "Doe", ηλικία: "18", χώρα: "Γροιλανδία"? με (πρόσωπο) console.log ("Γεια σας, το όνομά μου είναι" + firstName + "" + lastName + "Είμαι" + ηλικίας + "ετών και ζει στο" + country + "  // "Γεια σας, το όνομά μου είναι John Doe, είμαι 18 χρονών και ζουν στη Γροιλανδία".

Συγκρίνετε τον τρόπο εμφάνισης του παραπάνω κώδικα χωρίς να χρησιμοποιήσετε το με δήλωση:

 var πρόσωπο = firstName: "John", lastName: "Doe", ηλικία: "18", χώρα: "Γροιλανδία"? console.log ("Γεια σας, το όνομά μου είναι" + person.firstName + "" + person.lastName + "Είμαι" + person.age + "ετών και ζουν στο" + person.country + "." ) · // "Γεια σας, το όνομά μου είναι John Doe, είμαι 18 χρονών και ζουν στη Γροιλανδία".

Μπορείτε να δείτε, το με η δήλωση μπορεί να είναι μια μεγάλη συντόμευση αν εργάζεστε με πολλές ιδιότητες του ίδιου αντικειμένου.

Σημειώστε, ωστόσο, ότι χρησιμοποιώντας το με δήλωση σε αυστηρή λειτουργία δεν επιτρέπεται, καθώς μπορεί να προκαλέσει κάποια σύγχυση.

Επίσης, συνιστάται μόνο να χρησιμοποιήσετε το με αν οι εσωτερικές του δηλώσεις χρησιμοποιούν το αντικείμενο που σχετίζεται με το με , διαφορετικά ο διερμηνέας θα χάσει χρόνο κοιτάζοντας το αντικείμενο που αναφέρεται με πρώτα, για όλα τα ονόματα ιδιοκτησίας που δεν ανήκουν στην κατηγορία, τα οποία αργότερα βρίσκει μέσα στο με ΟΙΚΟΔΟΜΙΚΟ ΤΕΤΡΑΓΩΝΟ.