Μια από τις κύριες διαφορές μεταξύ της JavaScript και των περισσοτέρων άλλων γλωσσών προγραμματισμού είναι οτι δεν έχει σαφείς τύπους δεδομένων. Δεν υπάρχει κανένας τρόπος για να καθορίσει οτι μια συγκεκριμένη μεταβλητή αντιπροσωπεύει έναν ακέραιο, ένα αλφαριθμητικό ή έναν πραγματικό αριθμό.
Στο κεφάλαιο αυτό θα ασχοληθούμε με τις μεταβλήτες. Αν θέλετε να προσθέσετε δύο αριθμούς (π.χ. το 5 και το 7) και σκοπεύετε να χρησιμοποιήσετε αργότερα το αποτέλεσμα κάπου στο σενάριο σας που θα αποθηκεύσετε αυτό το αποτέλεσμα; Θα μπορούσατε να το βάλετε σε μια μεταβλητή:

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

Παράδειγμα 1

<SCRIPT LANGUAGE = "JAVASCRIPT">
var sumresult = 5 +7
var thisnumber = 6
document.write( "Να τι υπάρχει στη μεταβλητή sumresult :"+sumresult+"<P>")
document.write( "Να τι υπάρχει στη μεταβλητή thisnumber :"+thisnumber)
</SCRIPT>

Δημιουργήσαμε τις δύο σταθερές, sumresult και thisnumber. Στη συνέχεια χρησιμοποιήσαμε τη εντολή document.write για να γράψουμε τα ονόματα των μεταβλητών στη σελίδα. Θα δείτε παρακάτω πώς εμφανίζονται :

Να τι υπάρχει στη μεταβλητή sumresult : 12
Να τι υπάρχει στη μεταβλητή thisnumber : 6

Για την σύνταξη της μεταβλητής document.write χρησιμοποιήσαμε τρία διαφορετικά είδη γραφής: το κείμενο που θέλουμε να εμφανισθεί στην οθόνη (εσώκλειστο μεταξύ των εισαγωγικών "και"), τις τιμές των μεταβλητών (sumresult και thisnumber, που δεν χρειάζονται εισαγωγικά ) και μια ετικέτα της HTML, την <P>, που δηλώνει την αρχή της νέας παραγράφου (η οποία πρέπει να μπεί εντός εισαγωγικών). Ενώσαμε όλα τα είδη γραφών με το σύμβολο +.

Αυτό δηλώνει μια μεταβλητή που καλείται myname. Μπορείτε επίσης να βάλετε και δεδομένα στη μεταβλητή όταν τη δηλώνετε. Για παράδειγμα:

Όταν βάζετε κείμενο σε μια μεταβλητή, πρέπει να το εσωκλείνετε μεταξύ εισαγωγικών " και ".

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

Τη δεύτερη φορά κάνατέ ένα λάθος(teams). Τί κάνει η JavaScript ; Επειδή επιτρέπει την απλή δήλωση μεταβλητών αντιλαμβάνεται την teams σαν μια νέα μεταβλητή. Σε μια γλώσσα που δεν επιτρέπει τέτοιες δηλώσεις, το teams = "Panionios" θα είχε θεωρηθεί σαν λάθος και όχι σαν μια νέα μεταβλητή. Επειδή η JavaScript επιτρέπει ανεπίσημες δηλώσεις πρέπει να είστε πολύ προσεκτικοί όταν γράφετε τα ονόματα των μεταβλητών και να χρησιμοποιείτε την λέξη κλειδί var προτού τις μεταβλητές.

Μπορείτε να δώσετε οποιοδήποτε όνομα σε μια μεταβλητή, αρκεί να ακολουθήσετε τους παρακάτω κανόνες :

Ακολουθούν μερικά έγκυρα ονόματα μεταβλητών :

Και ορισμένα άκυρα :

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

Στην περίπτωση αυτή παίρνετε μια μεταβλητή που περιέχει μια συμβολοσειρά "19" και τις προσθέτετε έναν αριθμό 96. Αντί να πάρετε 115 θα πάρετε το 1996. Ο αριθμός στην numb1 μετατρέπεται σε συμβολοσειρά, γιατί η text1 είναι συμβολοσειρά και η τιμή του κολλάει στο τέλος της τιμής της text1. Έτσι 19 "συν" 96 ίσον 1996.

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

Οι Μεταβλητές Συμβολοσειράς Περιέχουν Κείμενο

NumberofPages = 95
NumberofPeople = "95"

Οι Αριθμητικές Μεταβλητές Περιέχουν Αριθμούς

Οι Μεταβλητές Boolean Περιέχουν Αληθές ή Ψευδές

If κάτι είναι true (αληθές)
(τότε κάνε αυτό)
else
(κάνε αυτό).

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

Παράδειγμα

<SCRIPT LANGUAGE = "JAVASCRIPT">
<!--
var variable1 = "Περιεχόμενα της καθολικής μεταβλητής variable1 "
function funcExmpl1() {
alert(variable1)
}
function funcExmpl2() {
var variable1= "Περιεχόμενα της τοπικής μεταβλητής variable1 "
alert(variable1)
}
function funcExmpl3() {
alert(variable2)
}
//-->
</SCRIPT>

Τί κάνει αυτό το σενάριο; Αρχίζει με τη δήλωση μιας συνάρτησης με το όνομα variable1με την συμβολοσειρά Περιεχόμενα της καθολικής μεταβλητής variable1. Στη συνέχεια ορίζει μια συνάρτηση με το όνομα funcExmpl1, που χρησιμοποιεί την ενσωματωμένη συνάρτηση alert για να εμφανίσει την τιμή της variable1.
Κατόπιν ορίσαμε μια άλλη συνάρτηση, την funcExmpl2. Στη συνάρτηση αυτή, τώρα, δηλώσαμε μια τοπική μεταβλητή με το όνομα variable1, με το κείμενο Περιεχόμενα της τοπικής μεταβλητής variable1. Πρόκειτε για μια τοπική μεταβλητή, αφού βρίσκεται εσωτερικά της συνάρτησης. Η συνάρτηση χρησιμοποιεί την alert για να εμφανίσει τα περιεχόμενα της variable1. Μετά ορίσαμε την συνάρτηση funcExmpl3 που χρησιμοποιεί απλά την alert για να εμφανίσει τα περιεχόμενα της variable2 η οποία δεν έχει δηλωθεί πουθενά. (Αν προσπαθήσετε να χρησιμοποιήσετε μια αδήλωτη μεταβλητή θα πάρετε ένα μήνυμα λάθους.)

Τι Είναι η Σταθερά

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

numberofpeople = 27

Ειδικοί Χαρακτήρες Στις Σταθερές Συμβολοσειρών

Προσοχή

<SCRIPT LANGUAGE = "JAVASCRIPT">
<!--
var twainA= "\"Δεν γράφω ποτέ\'μητρόπολη\'για επτά σεντς,-->
γιατί μπορώ με την ίδια τιμή να γράψω\'πόλη'\'\"MarkTwain."
var twainB= "\"Δεν γράφω ποτέ\'μητρόπολη\'για επτά σεντς,-->
γιατί μπορώ με την ίδια τιμή να γράψω\'πόλη'\'\"MarkTwain."
var twainC= "\"Δεν γράφω ποτέ\'μητρόπολη\'για επτά σεντς,-->
γιατί μπορώ με την ίδια τιμή να γράψω\'πόλη'\'\"MarkTwain."
var twainD= "\"Δεν γράφω ποτέ\'μητρόπολη\'για επτά σεντς,-->
γιατί μπορώ με την ίδια τιμή να γράψω\'πόλη'\'\"MarkTwain."
//-- >

</SCRIPT>

‘Οπως βλέπετε όλες περιέχουν \' και \" για τα απλά και διπλά εισαγωγικά στο κείμενο. Χρησιμοποιήσαμε επίσης και \r, <BR και \t, για να δείξουμε την διαφορετική επίδραση καθενός από του κώδικες αυτούς(αλλαγή γραμμής, ετικέτα αλλαγής γραμμής HTML και στηλοθέτης).
Στο παράδειγμα χρησιμοποιήσαμε την εντολή document.write για να εμφανίσουμε τα περιεχόμενα κάθε μεταβλητής. Τα εισαγωγικά εμφανίζονται σε όλες τις περιπτώσεις, ενώ η ετικέτα <BR> λειτουργεί στην εντολή document.write αλλά όχι στο πλαίσιο Alert. Οι κώδικες \r και \t λειτουργόυν στο πλαίσιο Alert, αλλά όχι στην εντολή document.write.

Κάντε τα Ονόματα των Μεταβλητών Αναγνωριστικά των Μεταβλητών τους