Μεταβλητές και σταθερές JavaScript

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

Μεταβλητές JavaScript

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

let num = 5;

Εδώ, numείναι η μεταβλητή που κρατά τον αριθμό 5.

JavaScript Δηλώστε μεταβλητές

Σε JavaScript, που χρησιμοποιούμε varκαι letτις λέξεις-κλειδιά για να δηλώσει μεταβλητές. Για παράδειγμα,

 var x; let y;

Εδώ, τα x και y είναι μεταβλητές.

JavaScript var Vs let

Και τα δύο varκαι letχρησιμοποιούνται για να δηλώσουν μεταβλητές. Ωστόσο, υπάρχουν κάποιες διαφορές μεταξύ τους.

var αφήνω
var χρησιμοποιείται στις παλαιότερες εκδόσεις του JavaScript letείναι ο νέος τρόπος δήλωσης μεταβλητών που ξεκινούν το ES6 (ES2015) .
var είναι η λειτουργία scoped (θα συζητηθεί σε μεταγενέστερα σεμινάρια). let είναι block scoped (θα συζητηθεί σε επόμενα σεμινάρια).
Για παράδειγμα, var x; Για παράδειγμα, let y;

Σημείωση: Συνιστάται να χρησιμοποιούμε letαντί για var. Ωστόσο, υπάρχουν μερικά προγράμματα περιήγησης που δεν υποστηρίζουν let. Επισκεφτείτε τη JavaScript για να μάθετε περισσότερα για την υποστήριξη του προγράμματος περιήγησης.

JavaScript Αρχικοποίηση μεταβλητών

Χρησιμοποιούμε τον τελεστή ανάθεσης =για να εκχωρήσουμε μια τιμή σε μια μεταβλητή.

 let x; x = 5;

Εδώ, το 5 αντιστοιχεί στη μεταβλητή x.

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

 let x = 5; let y = 6;

Στο JavaScript, είναι δυνατόν να δηλώσετε μεταβλητές σε μία δήλωση.

 let x = 5, y = 6, z = 7;

Εάν χρησιμοποιήσετε μια μεταβλητή χωρίς να την αρχικοποιήσετε, θα έχει μια undefinedτιμή.

 let x; // x is the name of the variable console.log(x); // undefined

Εδώ είναι το όνομα της μεταβλητής και επειδή δεν περιέχει καμία τιμή, θα είναι απροσδιόριστο.

Θα μάθετε undefinedλεπτομερώς και άλλους τύπους δεδομένων στο επόμενο σεμινάριο λεπτομερώς.

Αλλάξτε την τιμή των μεταβλητών

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

 // 5 is assigned to variable x let x = 5; console.log(x); // 5 // vaue of variable x is changed x = 3; console.log(x); // 3

Η τιμή μιας μεταβλητής μπορεί να διαφέρει . Ως εκ τούτου, η μεταβλητή ονόματος .

Κανόνες για την ονομασία μεταβλητών JavaScript

Οι κανόνες για την ονομασία μεταβλητών είναι:

  1. Τα μεταβλητά ονόματα πρέπει να ξεκινούν με ένα γράμμα, μια υπογράμμιση _ή το σύμβολο του δολαρίου $. Για παράδειγμα, 
     //valid let a = 'hello'; let _a = 'hello'; let $a = 'hello';
  2. Τα μεταβλητά ονόματα δεν μπορούν να ξεκινούν με αριθμούς. Για παράδειγμα, 
     //invalid Let 1a = 'hello'; // this gives an error
  3. Το JavaScript είναι διάκριση πεζών-κεφαλαίων. Έτσι τα y και Y είναι διαφορετικές μεταβλητές. Για παράδειγμα, 
     let y = "hi"; let Y = 5; console.log(y); // hi console.log(Y); // 5
  4. Οι λέξεις-κλειδιά δεν μπορούν να χρησιμοποιηθούν ως μεταβλητά ονόματα. Για παράδειγμα, 
     //invalid let new = 5; // Error! new is a keyword.

Σημειώσεις:

  • Αν και μπορείτε να ονομάσετε μεταβλητές με όποιον τρόπο θέλετε, είναι καλή πρακτική να δώσετε ένα περιγραφικό όνομα μεταβλητής. Εάν χρησιμοποιείτε μια μεταβλητή για να αποθηκεύσετε τον αριθμό των μήλων, είναι καλύτερα να χρησιμοποιήσετε μήλα ή numberOfApples αντί για x ή n.
  • Στο JavaScript, τα μεταβλητά ονόματα γράφονται γενικά στο camelCase εάν έχει πολλές λέξεις. Για παράδειγμα, firstName, ετήσιο μισθό κ.λπ.

Σταθερές JavaScript

Η constλέξη-κλειδί εισήχθη επίσης στην έκδοση ES6 (ES2015) για τη δημιουργία σταθερών. Για παράδειγμα,

 const x = 5;

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

 const x = 5; x = 10; // Error! constant cannot be changed. console.log(x)

Απλά, μια σταθερά είναι ένας τύπος μεταβλητής της οποίας η τιμή δεν μπορεί να αλλάξει.

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

 const x; // Error! Missing initializer in const declaration. x = 5; console.log(x)

Σημείωση: Εάν είστε βέβαιοι ότι η τιμή μιας μεταβλητής δεν θα αλλάξει σε όλο το πρόγραμμα, συνιστάται η χρήση της const. Ωστόσο, υπάρχουν μερικά προγράμματα περιήγησης που δεν υποστηρίζουν const. Επισκεφτείτε την υποστήριξη προγράμματος περιήγησης JavaScript const για να μάθετε περισσότερα.

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

ενδιαφέροντα άρθρα...