Σε αυτό το άρθρο, θα μάθετε πώς να προσδιορίζετε σταθερές στο JavaScript χρησιμοποιώντας τη λέξη-κλειδί const.

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

Const VARIABLENAME = τιμή;

Με συμφωνία Τα σταθερά αναγνωριστικά στο JavaScript είναι με κεφαλαία.

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

Μεταβλητές που δηλώνονται με λέξη-κλειδί αφήνωείναι μεταβλητός. Αυτό σημαίνει ότι μπορείτε να αλλάξετε τις τιμές τους ανά πάσα στιγμή, όπως φαίνεται στο παρακάτω παράδειγμα.

έστω v = 10;
v = 20;
v = v + 5;
αρχείο καταγραφής κονσόλας(v); // 35

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

ΦΟΡΟΣ Const = 0,1;
ΦΟΡΟΣ = 0,2 ; // Τυπογραφικό λάθος

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

Const RED; // Συντακτικό λάθος

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

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

Μεταβλητές και σταθερές σε JavaScript. Δήλωση μεταβλητών και εκχώρηση τιμών σε αυτές. Μεταβλητές καθολικές και τοπικές. Χρησιμοποιώντας σταθερές.

Δήλωση μεταβλητών σε JavaScript

Τα ονόματα μεταβλητών στο JavaScript μπορεί να αποτελούνται από γράμματα, αριθμούς, το σύμβολο $ και το σύμβολο _ και το όνομα της μεταβλητής δεν μπορεί να ξεκινά με έναν αριθμό. Λάβετε υπόψη ότι η JavaScript κάνει διάκριση πεζών-κεφαλαίων και η a1 και η A1 είναι διαφορετικές μεταβλητές. Το κυριλλικό δεν συνιστάται, αν και είναι δυνατό.
Οι μεταβλητές στο JavaScript δηλώνονται με τη λέξη-κλειδί var:

Var Peremennaya_1 var Peremennaya_2

Δεν συνιστάται η χρήση μεταβλητών σε JavaScript χωρίς δήλωση. Αυτό είναι δυνατό, αλλά μπορεί να οδηγήσει σε σφάλματα.

Εκχώρηση τιμής σε μεταβλητές

Εκχώρηση τιμής σε δηλωμένες μεταβλητές στο JavaScript:

Peremennaya_1 = 25 Peremennaya_2 = "Το εκχωρημένο κείμενο περικλείεται σε ίσια εισαγωγικά"

Μπορείτε να εκχωρήσετε μια τιμή σε μεταβλητές αμέσως μετά τη δήλωση:

Var Peremennaya_1 = 25 var Peremennaya_2 = "Εσωκλείουμε το κείμενο που έχει εκχωρηθεί σε ευθεία εισαγωγικά"

Η τιμή μιας μεταβλητής στο JavaScript μπορεί να αλλάξει κατά την εκτέλεση του προγράμματος. Όταν γράφετε κείμενο σε μια μεταβλητή, πρέπει να περικλείεται σε ευθεία εισαγωγικά.

Μεταβλητές τοπικές και καθολικές

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

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

Σταθερές σε JavaScript

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

Var DRUG_CHELOVEKA = "Σκύλος"

Το δεδομένο παράδειγμα μιας σταθεράς δεν είναι αρκετά πλήρες, καθώς η λέξη "Σκύλος" είναι ήδη εύκολο να θυμηθεί και να εισαχθεί όπου χρειάζεται. Μπορείτε να χρησιμοποιήσετε σταθερές στο JavaScript για να γράψετε και να επικολλήσετε πιο σύνθετες τιμές, όπως κώδικες που είναι δύσκολο να θυμάστε, σύνολα χαρακτήρων, μεγάλο κείμενο, διευθύνσεις ιστού, διευθύνσεις ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ, τηλεφωνικοί αριθμοί, διαφορετικούς συντελεστές.

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

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

Αυτό το σεμινάριο προσφέρει διάφορους τρόπους ορισμού και κλήσης μιας συνάρτησης και χρήσης παραμέτρων συνάρτησης σε JavaScript.

Ορισμός συνάρτησης

Οι συναρτήσεις ορίζονται ή δηλώνονται με τη λέξη-κλειδί συνάρτησης. Η σύνταξη συνάρτησης στο JavaScript μοιάζει με αυτό:

συνάρτηση nameOfFunction() (
// Κώδικας που θα εκτελεστεί
}

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

Όπως ίσως έχετε παρατηρήσει, η τιμή της παραμέτρου name δεν εκχωρείται στον κωδικό, αυτό γίνεται όταν καλείται η συνάρτηση. Όταν καλείται η συνάρτηση, το όνομα χρήστη μεταβιβάζεται ως όρισμα. Το όρισμα είναι η πραγματική τιμή που μεταβιβάζεται στη συνάρτηση (σε αυτήν την περίπτωση, το όνομα χρήστη, όπως 8host).

// Κλήση της συνάρτησης χαιρετισμού με το "8host" ως όρισμα
καλώς ήλθατε ("8host");

Η τιμή 8host μεταβιβάζεται στη συνάρτηση μέσω της παραμέτρου name. Τώρα η παράμετρος ονόματος θα αντιπροσωπεύει αυτήν την τιμή σε αυτήν τη συνάρτηση. Ο κώδικας του αρχείου greetUser.js μοιάζει με αυτό:

// Εκκίνηση προσαρμοσμένης λειτουργίας χαιρετισμού
λειτουργία χαιρετισμού (όνομα) (
console.log(`Γεια, $(όνομα)!`);
}
// Κλήση της συνάρτησης χαιρετισμού με το "8host" ως όρισμα
καλώς ήλθατε ("8host");

Όταν εκτελείτε αυτό το πρόγραμμα, θα λάβετε την εξής έξοδο:

Τώρα ξέρετε πώς μπορείτε να χρησιμοποιήσετε ξανά μια συνάρτηση.

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

Επιστρεφόμενες τιμές

Μπορείτε να χρησιμοποιήσετε περισσότερες από μία παραμέτρους σε μια συνάρτηση. Μπορείτε να περάσετε πολλές τιμές σε μια συνάρτηση και να επιστρέψετε μια τιμή. Για παράδειγμα, δημιουργήστε ένα αρχείο sum.js και δηλώστε μια συνάρτηση σε αυτό που θα βρει το άθροισμα δύο τιμών, x και y.

// Εκκίνηση της συνάρτησης προσθήκης
συνάρτηση add(x, y) (
επιστροφή x + y;
}

add(9, 7);

Αυτός ο κώδικας ορίζει μια συνάρτηση με παραμέτρους x και y. Στη συνέχεια, η συνάρτηση παίρνει τις τιμές 9 και 7. Εκτελέστε το πρόγραμμα:

Το πρόγραμμα θα προσθέσει τις προκύπτουσες τιμές, 9 και 7, και θα επιστρέψει το αποτέλεσμα 16.

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

Εκφράσεις συναρτήσεων

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

Χρησιμοποιήστε την προηγούμενη συνάρτηση για να εφαρμόσετε την τιμή που προκύπτει στη μεταβλητή αθροίσματος.

// Εκχώρηση συνάρτησης προσθήκης στη σταθερά αθροίσματος
const sum = συνάρτηση add(x, y) (
επιστροφή x + y;
}
// Κλήση συνάρτησης για να βρείτε το άθροισμα
sum(20, 5);
25

Τώρα το σταθερό άθροισμα είναι συνάρτηση. Αυτή η έκφραση μπορεί να συντομευτεί μετατρέποντάς την σε μια ανώνυμη συνάρτηση (έτσι ονομάζονται οι συναρτήσεις χωρίς παράμετρο ονόματος). Επί του παρόντος, η συνάρτηση ονομάζεται προσθήκη, αλλά το όνομα συνήθως παραλείπεται στις εκφράσεις συναρτήσεων.

// Εκχώρηση συνάρτησης σε άθροισμα σταθερά
const sum = συνάρτηση(x, y) (
επιστροφή x + y;
}
// Κλήση συνάρτησης για να βρείτε το άθροισμα
sum(100, 3);
103

Τώρα η συνάρτηση δεν έχει πλέον όνομα, έχει γίνει ανώνυμη.

Οι ονομασμένες εκφράσεις συναρτήσεων μπορούν να χρησιμοποιηθούν για τον εντοπισμό σφαλμάτων.

Λειτουργίες βέλους

Μέχρι τώρα, οι συναρτήσεις ορίζονταν χρησιμοποιώντας τη λέξη-κλειδί συνάρτησης. Ωστόσο, υπάρχει ένας νεότερος και πιο συνοπτικός τρόπος ορισμού μιας συνάρτησης - οι λειτουργίες βέλους ECMAScript 6. Οι συναρτήσεις βέλους αντιπροσωπεύονται από ένα πρόσημο ίσου ακολουθούμενο από ένα σύμβολο μεγαλύτερο από: =>.

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

// Ορισμός συνάρτησης πολλαπλασιασμού
const πολλαπλασιάζω = (x, y) => (
επιστροφή x*y;
}

πολλαπλασιάζω(30, 4);
120

Αντί της συνάρτησης γραφής, μπορείτε απλώς να χρησιμοποιήσετε τα σύμβολα =>.

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

// Ορισμός τετράγωνης συνάρτησης
const τετράγωνο = x => (
επιστροφή x*x;
}
// Κλήση συνάρτησης για εύρεση προϊόντος
τετράγωνο(8);
64

Σημείωση: Εάν δεν υπάρχουν παράμετροι στη συνάρτηση βέλους, πρέπει να προστεθούν κενές παρενθέσεις ().

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

// Ορισμός τετράγωνης συνάρτησης
const τετράγωνο = x => x * x;
// Κλήση συνάρτησης για εύρεση προϊόντος
τετράγωνο(10);
100

συμπέρασμα

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

Μια συνάρτηση είναι ένα μπλοκ κώδικα που επιστρέφει μια τιμή ή εκτελεί μια ενέργεια.

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

Μια μεταβλητή παίρνει το όνομά της από το γεγονός ότι η τιμή της μπορεί να αλλάξει κατά την εκτέλεση του προγράμματος.

Σταθερές

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

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

Const MAX = 10;

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

Γιατί χρειάζονται μεταβλητές και σταθερές

Οι μεταβλητές και οι σταθερές βοηθούν στον πιο κατανοητό κώδικα. Εξετάστε ένα μικρό παράδειγμα:

ΣυνολικήΤιμή = 2,42 + 4,33; // συνολικό ποσό

Οι αριθμοί εδώ μπορεί να σημαίνουν οτιδήποτε. Για να καταστεί σαφές τι συνοψίζεται εδώ, η τιμή 2,42 μπορεί να εκχωρηθεί στη μεταβλητή (ή σταθερή) candyPrice (τιμή καραμέλας) και 4,33 στη μεταβλητή (ή σταθερή) oilPrice (τιμή βουτύρου):

TotalPrice = καραμέλαΤιμή + λάδιΤιμή;

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

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

Πεδίο εφαρμογής σταθερών

Οι ίδιοι κανόνες ισχύουν για τις σταθερές όπως και για τις μεταβλητές που δηλώνονται με τη λέξη-κλειδί let:

Const MAX = 5; // Καθολική σταθερά ( const MAX = 10; // Αποκλεισμός σταθερού console.log(MAX); // 10 ) console.log(MAX); // 5 foo(); // 15 console.log(MAX); // 5 συνάρτηση foo() ( const MAX = 15; // Τοπική σταθερή console.log(MAX); )

Σταθερές και τύποι αναφοράς

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

Const obj = (a: 5); obj.a = 10; console.log(obj.a); // 10

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

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

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

Αρχεία JavaScript

Τα προγράμματα JavaScript πρέπει να αποθηκεύονται σε αρχεία .js.

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