Ένα νέο στοιχείο που προστέθηκε στο ES6 είναι το πρότυπο literal. Είναι ένας νέος τύπος δημιουργίας συμβολοσειρών σε JavaScript που προσθέτει πολλά σημαντικά νέα χαρακτηριστικά, όπως τη δυνατότητα δημιουργίας συμβολοσειρών πολλών γραμμών και συμπερίληψης μιας έκφρασης σε μια συμβολοσειρά. Ως προγραμματιστής, όλες αυτές οι δυνατότητες μπορούν να βελτιώσουν τις ικανότητές σας για χειρισμό συμβολοσειρών και σας επιτρέπουν να δημιουργείτε δυναμικές συμβολοσειρές.
Αυτή η ανάρτηση θα απεικονίσει κυριολεκτικά πρότυπα και πώς να τα χρησιμοποιήσετε σε JavaScript.
Τι είναι τα Literals προτύπων JavaScript (Συμβολοσειρές προτύπων);
' Πρότυπο Literals Τα 'είναι κοινώς γνωστά ως ' Συμβολοσειρές προτύπων '. Περιβάλλονται από το πίσω μέρος ( ' ) χαρακτήρα, σε σύγκριση με εισαγωγικά σε συμβολοσειρές. Τα κράτη μέλη του υποδεικνύονται με το σύμβολο του δολαρίου ' $ ”, και σγουρά τιράντες {} σαν ' ${expression} ” είναι αποδεκτό σε κυριολεκτικά πρότυπα. Εάν θέλετε να χρησιμοποιήσετε μια έκφραση, μπορείτε να τη βάλετε στο ' ${expression} ” κουτί μέσα στα πίσω στικ.
Ένα πρότυπο literal είναι μια βελτιωμένη έκδοση μιας τυπικής συμβολοσειράς JavaScript. Οι αντικαταστάσεις κάνουν μια σημαντική διάκριση μεταξύ ενός προτύπου κυριολεκτικά και μιας συνηθισμένης συμβολοσειράς. Μπορείτε να ενσωματώσετε μεταβλητές και εκφράσεις σε μια συμβολοσειρά χρησιμοποιώντας υποκατάστατα. Αυτές οι μεταβλητές και εκφράσεις θα αντικαταστήσουν αυτόματα τις τιμές τους από τη μηχανή JavaScript.
Σύνταξη
Χρησιμοποιήστε την παρακάτω σύνταξη για να δηλώσετε μια μεμονωμένη συμβολοσειρά χρησιμοποιώντας κυριολεκτικά πρότυπα:
` κείμενο συμβολοσειράς `
Για πολλές γραμμές, ακολουθήστε τη δεδομένη σύνταξη:
` γραμμή κειμένου συμβολοσειράς 1
γραμμή κειμένου συμβολοσειράς
Εάν θέλετε να προσθέσετε έκφραση μέσα στα backticks, χρησιμοποιείται η ακόλουθη σύνταξη:
Ελέγξτε τα ακόλουθα παραδείγματα για να αναπτύξετε μια καλύτερη κατανόηση της δηλωμένης έννοιας.
Παράδειγμα 1: Δηλώστε μια συμβολοσειρά μίας γραμμής χρησιμοποιώντας Literals προτύπου JavaScript
Συνήθως, για να δημιουργήσετε μια συμβολοσειρά, απαιτείται η χρήση ενός ή διπλού εισαγωγικού, αλλά σε κυριολεκτικά πρότυπα, μπορείτε να δημιουργήσετε μια συμβολοσειρά ως εξής:
console.log ( ` LinuxHint ` ) ;
Η έξοδος δείχνει ότι λειτουργεί το ίδιο ακριβώς όπως το απλό τσίμπημα δημιουργίας με τη βοήθεια μονών ή διπλών εισαγωγικών:
Παράδειγμα 2: Δήλωση συμβολοσειράς πολλών γραμμών με χρήση κυριολεκτικών προτύπων JavaScript
Κανονικά, για την εκτύπωση πολλών γραμμών, χρησιμοποιούμε τον τελεστή συνένωσης (+) και για να προσθέσουμε μια νέα γραμμή, μπορεί να χρησιμοποιηθεί το (\n), που μπορεί συχνά να κάνει τον κώδικα πολύπλοκο:
console.log ( 'Καλώς ήρθατε στο LinuxHint. \n ' + 'Ο καλύτερος ιστότοπος για εκμάθηση δεξιοτήτων.' ) ;
Κατά τη χρήση των κυριολεκτικών προτύπων, μπορείτε να ξεκινήσετε μια νέα γραμμή πατώντας enter από το πληκτρολόγιο στο μπλοκ backticks:
Η καλύτερη ιστοσελίδα Για δεξιότητες μάθησης. ` ) ;
Παραγωγή
Παράδειγμα 3: Συμβολοσειρά με αντικαταστάσεις έκφρασης
Εδώ, πρώτα θα δημιουργήσουμε δύο μεταβλητές ' Χ ' και ' Υ ', με τις τιμές ' είκοσι ' και ' δεκαπέντε », αντίστοιχα:
var x = είκοσι ;var y = δεκαπέντε ;
Στη συνέχεια, δημιουργήστε μια μεταβλητή ' άθροισμα ' για την προσθήκη του ' Χ ' και ' Υ ”:
Εάν θέλετε να προσθέσετε δύο αριθμούς και να εμφανίσετε το άθροισμα αυτών των αριθμών στην κονσόλα, κανονικά, απαιτείται να συνδέσετε τις συμβολοσειρές και τις μεταβλητές σε κανονική μορφή συμβολοσειράς που συχνά δημιουργεί ένα χάος για τη χρήση μονών ή διπλών εισαγωγικών επανειλημμένα με τις συμβολοσειρές και τη σύνδεσή τους μεταξύ τους και με τις μεταβλητές που χρησιμοποιούν ( + ):
Ενώ, χρησιμοποιώντας τα κυριολεκτικά πρότυπα, πρέπει μόνο να καθορίσετε τις συμβολοσειρές με μεταβλητές ως έκφραση μέσα στο ' ${} ” στο μπλοκ backtick:
Παραγωγή
Συγκεντρώσαμε όλες τις βασικές πληροφορίες που σχετίζονται με τα κυριολεκτικά πρότυπα.
συμπέρασμα
' Πρότυπο Literals ', γνωστός και ως ' Συμβολοσειρές προτύπων ”, είναι μια βελτιωμένη έκδοση μιας τυπικής συμβολοσειράς JavaScript που περιβάλλεται από το backtick ( ' ) χαρακτήρα, σε σύγκριση με εισαγωγικά σε συμβολοσειρές. Επιτρέπει τη δημιουργία συμβολοσειρών μονής και πολλών γραμμών χωρίς τη χρήση του τελεστή συνένωσης και περιλαμβάνει μια έκφραση σε μια συμβολοσειρά. Αυτή η ανάρτηση έχει συζητήσει κυριολεκτικά πρότυπα σε JavaScript με επεξηγημένα παραδείγματα.