Κορυφαίες 10 υπογραφές JavaScript για αρχάριους

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

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

1. Δεκαδικοί αριθμοί

Αν κανονικά εργασία με μεγάλα δεκαδικά ψηφία αυτή η στενογραφία μπορεί να είναι godsend, δεδομένου ότι δεν χρειάζεται να πληκτρολογήσετε όλα τα μηδενικά πια, απλά να τα αντικαταστήσετε με το μι σημειογραφία. Για παράδειγμα, 1ε8 σημαίνει την προσθήκη οκτώ μηδενών μετά το 1 ψηφίο, ισούται με 100000000.

Ο αριθμός μετά το γράμμα μι δείχνει τον αριθμό των μηδενικών που έρχονται μετά από τα ψηφία μι. Επίσης, 16e4 είναι η στενογραφία για 160000, και τα λοιπα.

 / * Shorthand * / var myVar = 1e8; / * Longhand * / var myVar = 100000000; 

2. Αύξηση, μείωση

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

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

 / * Shorthand * / i ++. j--; / * Longhand * / ί = ί + 1; j = j-1; 

3. Προσθέστε, αποσπάστε, πολλαπλασιάστε, διαιρέστε

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

Στο παρακάτω παράδειγμα, το Εγώ η μεταβλητή αυξάνεται κατά 5, j μειώνεται από 3, κ πολλαπλασιάζεται με 10, και μεγάλο διαιρείται με 2.

 / * Σωστότητα * / i + = 5; j = 3; k * = 10; l / = 2. / * Longhand * / ί = ί + 5; j = j-3; k = k * 10; l = l / 2; 

4. Καθορίστε τη θέση χαρακτήρων

ο charAt () μέθοδος είναι μια από τις πιο συχνά χρησιμοποιούμενες μεθόδους string, επιστρέφει το χαρακτήρα σε συγκεκριμένη θέση (για παράδειγμα, το 5^th χαρακτήρας μιας συμβολοσειράς). Υπάρχει μια απλή στενογραφία που μπορείτε να χρησιμοποιήσετε αντ 'αυτού: προσθέτετε το θέση χαρακτήρα που περικλείεται σε αγκύλες μετά τη σειρά.

Προσέξτε ότι το charAt () η μέθοδος είναι μηδενικό. Επομένως, myString [4] θα επιστρέψει το 5^th χαρακτήρα στη συμβολοσειρά ("y" στο παράδειγμα).

 var myString = "Χρόνια πολλά"; / * Shorthand * / myString [4]. / * Longhand * / myString.charAt (4); 

5. Δηλώστε τις μεταβλητές χύμα

Αν θέλετε να δημιουργήσετε περισσότερες από μία μεταβλητές την ίδια στιγμή δεν χρειάζεται να τα πληκτρολογείτε μία προς μία. Αρκεί να χρησιμοποιήσετε το var (ή αφήνω) λέξη-κλειδί μόνο μία φορά, τότε μπορείτε να ορίσετε μόνο τις μεταβλητές που θέλετε να δημιουργήσετε, διαχωρισμένο με κόμμα.

Με αυτή τη στενογραφία, μπορείτε να δηλώσετε και τα δύο undefined μεταβλητές και μεταβλητές με τιμή.

 / * Shorthand * / var i, j = 5, k = "Καλημέρα", l, m = ψευδής. / * Longhand * / var ί; var j = 5; var k = "Καλημέρα". var l; var m = ψευδής. 

6. Δηλώστε μια συσχετιστική διάταξη

Η δήλωση ενός πίνακα στο JavaScript είναι ένα σχετικά απλό έργο, χρησιμοποιώντας το var myArray = ["μήλο", "αχλάδι", "πορτοκαλί"] σύνταξη. Ωστόσο, δηλώνοντας μια συσπειρωτική συστοιχία είναι λίγο πιο περίπλοκο, όπως εδώ, δεν πρέπει μόνο να ορίσετε τις τιμές αλλά και τα κλειδιά (σε περίπτωση κανονικών συστοιχιών τα πλήκτρα είναι 0, 1, 2, 3, κ.λπ..).

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

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

 / "Shorthand * / var myArray = " Grace Kelly ":" Φιλαδέλφεια "," Clint Eastwood ":" Σαν Φρανσίσκο "," Humphrey Bogart ":" Νέα Υόρκη "," Sophia Loren " Bergman ":" Στοκχόλμη " / * Longhand * / var myArray = νέος πίνακας (); myArray ["Grace Kelly"] = "Φιλαδέλφεια"; myArray ["Clint Eastwood"] = "Σαν Φρανσίσκο"; myArray ["Humphrey Bogart"] = "Νέα Υόρκη"; myArray ["Sophia Loren"] = "Ρώμη"? myArray ["Ingrid Bergman"] = "Στοκχόλμη"; 

7. Δηλώστε ένα αντικείμενο

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

Η μόνη διαφορά στη σύντομη σύνταξη είναι αυτή οι ιδιότητες αντικειμένου δεν περικλείονται σε εισαγωγικά (όνομα, τόπος γέννησης, ηλικία, ήτανJamesBond στο παρακάτω παράδειγμα).

 / * Shorthand * / var myObj = όνομα: "Sean Connery", placeOfBirth: "Εδιμβούργο", ηλικία: 86, wasJamesBond: true; / * Longhand * / var myObj = Νέο Αντικείμενο (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Εδιμβούργο"; myObj.age = 86; myObj.wasJamesBond = αλήθεια; 

8. Χρησιμοποιήστε τον τελεστή υπό όρους

ο υπό όρους (τριμερής) χειριστής χρησιμοποιείται συχνά ως συντόμευση για το αν-αλλιώς δήλωση. Αποτελείται απο τρία μέρη:

1. ο κατάσταση
2. τι συμβαίνει εάν το η προϋπόθεση είναι αληθής (αν)
3. τι συμβαίνει εάν το η κατάσταση είναι λανθασμένη (αλλού)

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

 var age = 17; / * Shorthand * / var μήνυμα = ηλικία> = 18; "Επιτρέπεται": "Ανεπιθύμητη". / * Longhand * / εάν (ηλικία> = 18) var message = "Επιτρέπεται";  αλλιώς var message = "Απορρίφθηκε";  

Αν θέλετε να το δοκιμάσετε μόνο αντιγράψτε τον κώδικα στην κονσόλα ιστού (F12 στα περισσότερα προγράμματα περιήγησης) και να τροποποιήσετε την τιμή του ηλικία μεταβλητή μερικές φορές.

9. Ελέγξτε την παρουσία

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

Προσέξτε ότι τα περισσότερα άρθρα σχετικά με τους JavaScript συντομογραφίες δεν δίνουν τη σωστή μορφή longhand, όπως το εάν (myVar) ο συμβολισμός δεν ελέγχει απλώς εάν η μεταβλητή δεν είναι ψευδής αλλά και μια σειρά από άλλα πράγματα. Δηλαδή, η μεταβλητή δεν μπορεί να είναι απροσδιόριστο, άδειο, μηδενικό και ψευδές.

 var myVar = 99; / * Shorthand * / if (myVar) console.log ("Η μεταβλητή myVar ορίζεται και δεν είναι κενή και δεν είναι μηδενική και όχι ψευδής").  / * Longhand * / if (typeof myVar! == "undefined" && myVar! == "& & myVar! == null && myVar! == 0 && myVar! == false) console.log η μεταβλητή ορίζεται και δεν είναι κενή και όχι μηδενική και όχι ψευδή. ").  

Μπορείτε να δοκιμάσετε πώς το “αν υπάρχει” η συντομογραφία λειτουργεί εισάγοντας το ακόλουθο απόσπασμα κώδικα στην κονσόλα ιστού και αλλαγή της τιμής του myVar μερικές φορές.

Για να κατανοήσουμε πώς λειτουργεί αυτή η στενογραφία, αξίζει να το δοκιμάσετε με τις αξίες του "" (κενή συμβολοσειρά), ψευδής, 0, αληθής, μια μη κενή συμβολοσειρά (π.χ.. "Γεια"), ένας αριθμός (π.χ.. 99), και όταν η μεταβλητή είναι απροσδιόριστη (απλά var myVar;).

10. Ελέγξτε την απουσία

ο “αν υπάρχει” μπορεί να χρησιμοποιηθεί στενογραφία ελέγξτε την απουσία μεταβλητής με τοποθέτηση ένα θαυμαστικό πριν από αυτό. Το θαυμαστικό είναι το λογικός όχι χειριστής στο JavaScript (και στις περισσότερες γλώσσες προγραμματισμού).

Επομένως, με το αν (! myVar) σημειώστε, μπορείτε να ελέγξετε αν το myVar μεταβλητός δεν είναι απροσδιόριστο, άδειο, μηδενικό ή ψευδές.

 var myVar; / * Shorthand * / if (! MyVar) console.warn ("Η μεταβλητή myVar είναι ακαθόριστη (OR) κενή (OR) null (OR) false");  / * Longhand * / if (τύπος myVar === "undefined" || myVar === "" || myVar === null || myVar === 0 || myVar === ψευδής) console.warn ("Η μεταβλητή myVar είναι ακαθόριστη (OR) κενή (OR) null (OR) false");