Δηλώσεις στην Javascript (Statements)

Δηλώσεις στην Javascript

Οι δηλώσεις στην Javascript είναι εντολές-οδηγίες που θα εκτελεσθούν από το πρόγραμμα περιήγησης (browser) που χρησιμοποιεί ο εκάστοτε χρήστης.

Στο παρακάτω παράδειγμα, η δήλωση (statement) της javascript δίνει οδηγίες στο πρόγραμμα περιήγησης να γράψει “Καλώς Ήλθατε στην Ιστοσελίδα μας.” μέσα στο στοιχείο της HTML με ταυτότητα (id) “demo”.

document.getElementById("demo").innerHTML = "Καλώς Ήλθατε στην Ιστοσελίδα μας.";

Προγράμματα στην Javascript

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

Στο παράδειγμα που ακολουθεί δίνουμε τιμές σε τρεις μεταβλητές, x, y και z και στο τέλος εμφανίζεται ο z.

var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML = z;

Ερωτηματικά (;) στην Javascript

Τα ερωτηματικά χρησιμοποιούνται για να διαχωρίζουν τις δηλώσεις στην Javascript. Προσθέτουμε ένα ερωτηματικό (;) στο τέλος κάθε δήλωσης.

Παράδειγμα

a = 3;
b = 7;
c = a + b;

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

Παράδειγμα

a = 3; b = 7; c = a + b;

! Ο τερματισμός των δηλώσεων με ερωτηματικό δεν απαιτείται, αλλά συνίσταται ιδιαιτέρως.

Κενά διαστήματα (white spaces) στην Javascript

Η Javascript αγνοεί τα κενά στον κώδικα. Μπορούμε να προσθέσουμε κενά διαστήματα στον κώδικα της Javascript για να τον κάνουμε πιο ευανάγνωστο.

Οι παρακάτω γραμμές κώδικα είναι ισοδύναμες.

var person = "Θανάσης";
var person="Θανάσης";

Επίσης προσθέτουμε κενά διαστήματα στους χειριστές (operators).

var x = y + z;

Μήκος γραμμής στην Javascript

Για να είναι πιο ευανάγνωστοι οι κώδικες της Javascript, οι προγραμματιστές συχνά αποφεύγουν οι γραμμές του κώδικα να περιέχουν παραπάνω από 80 χαρακτήρες.

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

document.getElementById("demo").innerHTML = 
"Καλώς Ήλθατε στην Ιστοσελίδα μας.";

Μπλοκ κώδικα (Code blocks) στην Javascript

Οι δηλώσεις στην Javascript μπορούν να ομαδοποιηθούν σε μπλοκ κώδικα (code block), τοποθετώντας τες μέσα σε αγκύλες {…}. Ο σκοπός των μπλοκ κώδικα είναι να καθορίσουν ότι οι δηλώσεις θα εκτελεσθούν μαζί. Ένα μέρος του κώδικα που βρίσκουμε ομαδοποιημένες δηλώσεις σε μπλοκ κώδικα είναι οι συναρτήσεις (functions).

Παράδειγμα

function myFunction() {
 document.getElementById("demo").innerHTML = "Καλώς Ήλθατε στην Ιστοσελίδα μας.";
 document.getElementById("myDIV").innerHTML = "Επιλέξτε Περιεχόμενο.";
}