Ένα πρόγραμμα JavaScript είναι μια ακολουθία εντολών (δηλώσεων). Μερικές φορές οι οδηγίες ονομάζονται επίσης εντολές JavaScript.

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

Όταν γράφετε οδηγίες, πρέπει να χωρίζονται με ερωτηματικό. Η JavaScript σάς επιτρέπει να παραλείψετε ένα ερωτηματικό στο τέλος μιας δήλωσης if επόμενη οδηγίαθα ξεκινήσει με νέα γραμμή.

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

Οι οδηγίες JavaScript αποτελούνται από: τιμές, τελεστές, εκφράσεις, λέξεις-κλειδιά και σχόλια.

Για παράδειγμα, αυτή η οδηγία λέει στο πρόγραμμα περιήγησης να γράψει "Hello, world!" μέσα στοιχείο HTMLμε id="main":

Document.getElementById("main").textContent = "Γεια, κόσμο!";

Έννοιες JavaScript

Η σύνταξη JavaScript ορίζει τους ακόλουθους τύπους τιμών: σταθερές τιμές (κυριολεκτικά), σταθερές τιμές και μεταβλητές τιμές.

Παραδείγματα κυριολεκτικών για την αναπαράσταση διαφορετικών τιμών στο JavaScript:

17 // ακέραιος literal 23.8 // κλασματικός αριθμός literal "HTML" // string literal "HTML" // string literal true // boolean literal // array literal // array literal () // αντικείμενο κυριολεκτικά (όνομα: "Dennis" , γλώσσα: "ru" ) // αντικείμενο κυριολεκτικά (ab|bc) // κανονική έκφραση κυριολεκτικά

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

Για τη δήλωση σταθερών χρησιμοποιείται λέξη-κλειδί const, μεταβλητές – var και let.

Const MAX_LENGTH = 17; // σταθερή var ενότητα = "HTML"; // μεταβλητή let arr = ["HTML","CSS"]; // μεταβλητή

Let είναι ένας νέος τρόπος δήλωσης μεταβλητών που έχει εμφανιστεί από την έκδοση ES-2015 (ES6). Το Let διαφέρει από το var στο ότι μια μεταβλητή που δηλώνεται χρησιμοποιώντας let έχει διαφορετικό εύρος (block scope) και επίσης στο ότι μπορεί να προσπελαστεί μόνο αφού δημιουργηθεί.

Χειριστές JavaScript

Υπάρχουν πολλοί διαφορετικοί τελεστές στο JavaScript. Υποδεικνύουν την επέμβαση που πρέπει να γίνει.

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

Για παράδειγμα, ο τελεστής εκχώρησης (= σύμβολο):

// τελεστής1 = τελεστής2; coorX = 100; // για παράδειγμα αντιστοιχίστε τον αριθμό 100 στη μεταβλητή coordX

Αυτός ο τελεστής χρησιμοποιείται για την εκχώρηση (set) τελεστή1 στην ίδια τιμή με τον τελεστή2.

Ο τελεστής εκχώρησης είναι δυαδικός επειδή λειτουργεί σε δύο τελεστές.

Για παράδειγμα, ο τελεστής αύξησης (σύμβολο ++) χρησιμοποιείται για την αύξηση αριθμητική αξίατελεστής στο 1:

Var num = 5; ++αριθμός; // 6

Ο τελεστής προσαύξησης είναι μοναδικός επειδή λειτουργεί σε έναν τελεστή.

Εκφράσεις JavaScript

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

Για παράδειγμα, η έκφραση num = 955.47 χρησιμοποιεί τον τελεστή = για να εκχωρήσει την τιμή 7 στη μεταβλητή num.

Για παράδειγμα, η έκφραση "Hello, " + "Timofey" χρησιμοποιεί τον τελεστή + για να προσθέσει τις συμβολοσειρές "Hello, " και "Timofey" χωρίς ανάθεση.

Λέξεις-κλειδιά JavaScript

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

Για παράδειγμα, η λέξη-κλειδί var λέει στο πρόγραμμα περιήγησης να δημιουργήσει μεταβλητές:

Var coordX = 5, coordY = 130;

Λίστα ορισμένων λέξεων-κλειδιών: break, συνέχεια, do ... while, for, function, if ... other, return, switch, try ... catch, var.

Σχόλια σε JavaScript

Δεν είναι όλες οι δηλώσεις JavaScript εκτελέσιμες.

Ο κώδικας μετά από διπλές κάθετες // ή μεταξύ /* και */ αντιμετωπίζεται ως σχόλιο.

Τα σχόλια αγνοούνται και δεν εκτελούνται:

Var κατεύθυνση = "κορυφή"; // σχόλιο μιας γραμμής // var speed = 10; αυτή η εντολή δεν θα εκτελεστεί /* Συνάρτηση που προσθέτει την κλάση εμφάνισης στο στοιχείο με id="myBtn" */ συνάρτηση showBtn() ( document.getElementById("myBtn").classList.add("show"); )

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

Το /* */ είναι ένα σχόλιο πολλών γραμμών, οποιοδήποτε κείμενο μεταξύ /* και */ θα αγνοηθεί από την JavaScript.

Μπλοκ εντολών JavaScript

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

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

Συνάρτηση myFunction() ( document.getElementById("id__1").textContent = "Κείμενο 1..."; document.getElementById("id__2").textContent = "Κείμενο 2..."; )

Ευαισθησία υπόθεσης

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

Κενό διάστημα σε JavaScript

Η JavaScript αγνοεί πολλά κενά. Μπορείτε να προσθέσετε κενά στο σενάριό σας για να το κάνετε πιο ευανάγνωστο.

Οι ακόλουθες γραμμές είναι ισοδύναμες:

Var str = "Κείμενο"; var str="Κείμενο";

Μήκος γραμμής κώδικα

Εάν μια εντολή JavaScript είναι μεγάλη, τότε καλό είναι να την παραβιάσετε. Στις περισσότερες περιπτώσεις, είναι καλύτερο να παραβιάσετε μια οδηγία μετά από κάποιο χειριστή.

Για παράδειγμα:

Document.getElementById("aside__nav_header").innerHTML = "Πρόσθετη πλοήγηση (ανά ενότητα)";

• ένα όνομα που αποτελείται από μία λέξη πρέπει να γράφεται με πεζά γράμματα (για παράδειγμα: άρθρο).
• ένα όνομα που αποτελείται από πολλές λέξεις πρέπει να γράφεται με πεζά γράμματα μαζί, εκτός από τα γράμματα στη διασταύρωση των λέξεων, θα πρέπει να γράφονται με κεφαλαία γράμματα (για παράδειγμα: άρθροΤίτλος).
• ο αριθμός των λέξεων στο όνομα δεν πρέπει να υπερβαίνει τις 3 (για παράδειγμα: articleDatePublishedon)
• Οι μεταβλητές (όχι για την αποθήκευση συναρτήσεων) και οι ιδιότητες αντικειμένου πρέπει να είναι ουσιαστικά (για παράδειγμα: textComment).
• οι πίνακες και οι συλλογές τιμών θα πρέπει να προσδιορίζονται από ουσιαστικά στο πληθυντικός(για παράδειγμα: τελευταία σχόλια).
• Οι συναρτήσεις και οι μέθοδοι των αντικειμένων πρέπει να ονομάζονται με ρήματα (για παράδειγμα: getLastArticles).
• Τα ονόματα των κλάσεων πρέπει να ξεκινούν με κεφαλαίο γράμμα (για παράδειγμα: Σχόλια).

Η JavaScript μπορεί να εφαρμοστεί χρησιμοποιώντας Χειριστές JavaScript, τα οποία τοποθετούνται σε Ετικέτες HTML script ... /script σε ιστοσελίδα.

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

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

Κώδικας JavaScript

Η ετικέτα σεναρίου περιέχει δύο σημαντικά χαρακτηριστικά -

• Γλώσσα - Αυτό το χαρακτηριστικό υποδεικνύει τη γλώσσα δέσμης ενεργειών που χρησιμοποιείτε. Συνήθως η τιμή του θα είναι javascript. Παρόλο που οι πρόσφατες εκδόσεις του HTML (και του XHTML, ο διάδοχός του) έχουν σταματήσει να χρησιμοποιούν αυτό το χαρακτηριστικό.
• Τύπος. Αυτό το χαρακτηριστικό συνιστάται τώρα για να υποδείξει τη γλώσσα δέσμης ενεργειών που χρησιμοποιείται και η τιμή του πρέπει να οριστεί σε "text/javascript".

Έτσι, το τμήμα JavaScript θα μοιάζει με αυτό:

Κώδικας JavaScript

Το πρώτο σας σενάριο JavaScript

Ας πάρουμε το παράδειγμα της εκτύπωσης "Hello World". Προσθέσαμε πρόσθετο σχόλιο HTML που περιβάλλει τον κώδικα JavaScript μας. Αυτό γίνεται για να αποθηκεύσουμε τον κώδικά μας από ένα πρόγραμμα περιήγησης που δεν υποστηρίζει JavaScript. Το σχόλιο τελειώνει με "// ->". Εδώ το "//" σημαίνει ένα σχόλιο σε JavaScript, επομένως το προσθέτουμε για να εμποδίσουμε το πρόγραμμα περιήγησης να διαβάσει το τέλος του σχολίου HTML ως μέρος του κώδικα JavaScript. Στη συνέχεια καλούμε τη συνάρτηση document.write, η οποία γράφει μια συμβολοσειρά στο έγγραφό μας HTML.

Αυτή η συνάρτηση μπορεί να χρησιμοποιηθεί για τη σύνταξη κειμένου, HTML ή και τα δύο. Ρίξτε μια ματιά στον παρακάτω κώδικα.

Αυτός ο κώδικας θα δώσει το ακόλουθο αποτέλεσμα:

Γειά σου Κόσμε!

Διαστήματα και διακοπές γραμμών

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

ερωτηματικά σε JavaScript

ΣΕ απλές οδηγίεςστο JavaScript ακολουθείται συνήθως από ένα ερωτηματικό, όπως στη C, τη C++ και την Java. Η JavaScript, ωστόσο, σας επιτρέπει να παραλείψετε αυτό το ερωτηματικό εάν τοποθετήσετε κάθε μία από τις δηλώσεις σας σε ξεχωριστή γραμμή. Για παράδειγμα, ο παρακάτω κώδικας θα μπορούσε να γραφτεί χωρίς ερωτηματικά.

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

Σημείωση. Καλή πρακτικήΟ προγραμματισμός είναι να χρησιμοποιεί ερωτηματικά.

Ευαισθησία υπόθεσης

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

Έτσι, τα αναγνωριστικά Time και TIME θα μεταφέρουν διαφορετικές έννοιες στο JavaScript.

ΣΗΜΕΙΩΣΗ. Θα πρέπει να είστε προσεκτικοί όταν γράφετε ονόματα μεταβλητών και συναρτήσεων σε JavaScript.

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

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

Αυτό το σεμινάριο θα σας εισάγει στα βασικά της σύνταξης και της δομής κώδικα στο JavaScript.

Λειτουργικότητα και αναγνωσιμότητα

Η λειτουργικότητα και η αναγνωσιμότητα είναι πολύ σημαντικές πτυχές της σύνταξης JavaScript που πρέπει να επικεντρωθούν ξεχωριστά.

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

Σκεφτείτε αυτό το σφάλμα στο πρόγραμμα "Hello, World!".

// Παράδειγμα χαλασμένου προγράμματος JavaScript
console.log("Γεια, Κόσμε!"

Λείπει μια αγκύλη κλεισίματος στο τέλος, οπότε αντί για τη γραμμή "Hello, World!" το πρόγραμμα θα επιστρέψει ένα σφάλμα:

Uncapped SyntaxError: λείπει) μετά τη λίστα ορισμάτων

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

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

Εξετάστε τις ακόλουθες τρεις επιλογές για την εκχώρηση τιμής σε μια μεταβλητή:

const greeting="Γεια"; // δεν υπάρχει κενό διάστημα μεταξύ μεταβλητής και συμβολοσειράς
const greeting = "Γεια"; //υπερβολικό κενό διάστημα μετά την ανάθεση
const greeting = "Γεια"; // μονό κενό διάστημα μεταξύ μεταβλητής και συμβολοσειράς

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

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

Παρακάτω θα δούμε μερικά παραδείγματα για να εξοικειωθούμε με τη σύνταξη και τη δομή του κώδικα JavaScript.

Χαρακτήρες κενού διαστήματος

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

const userLocation = "Νέα Υόρκη, " + "NY";
const userLocation="Νέα Υόρκη, "+"NY";
const userLocation = "Νέα Υόρκη, " + "NY";

Η μεταβλητή userLocation θα έχει την τιμή "New York City, NY" ανεξάρτητα από το στυλ ανάθεσης για αυτήν την τιμή. Για JavaScript δεν έχει σημασία ποια κενού χαρακτήρεςείναι μεταχειρισμένα.

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

πιο εύκολο να διαβαστεί από:

Μια σημαντική εξαίρεση σε αυτόν τον κανόνα είναι η εκχώρηση πολλαπλών μεταβλητών. Παρατηρήστε τη θέση = στο ακόλουθο παράδειγμα:

const companyName = "MyCompany";
const companyHeadquarters = "Πόλη της Νέας Υόρκης";
const companyHandle = "mycompany";

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

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

Στρογγυλά στηρίγματα

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

// Ένα παράδειγμα σύνταξης εντολών if
αν () ( )
// Ελέγξτε τη μαθηματική εξίσωση και εκτυπώστε μια συμβολοσειρά στην κονσόλα
αν (4< 5) {
console.log("4 είναι μικρότερο από 5.");
}
// Ένα παράδειγμα σύνταξης βρόχου for
Για () ( )
// Επανάληψη 10 φορές, εκτυπώνοντας κάθε αριθμό επανάληψης στην κονσόλα
για (έστω i = 0; i 0) (
τετράγωνο(αριθμός);
}

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

// Ένα παράδειγμα αντικειμένου
const objectName = ();
// Αρχικοποίηση αντικειμένου τριγώνου
const τρίγωνο = (
τύπος: "σωστό",
γωνία: 90,
πλευρές: 3,
};

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

Δομή Κώδικα

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

Για παράδειγμα, η πρόταση if/else μπορεί να γραφτεί σε μία γραμμή ή μπορεί να διαιρεθεί:

// Δήλωση υπό όρους γραμμένη σε μία γραμμή
εάν (x === 1) ( /* εκτελέστε τον κωδικό εάν είναι αληθές */ ) αλλιώς ( /* εκτελέστε τον κωδικό εάν είναι λάθος */ )
// Δήλωση υπό όρους με εσοχή
αν (x === 1) (
// εκτελέστε τον κώδικα εάν είναι αληθής
) άλλο (
// εκτελέστε τον κώδικα εάν είναι false
}

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

Μια ανοιχτή παρένθεση στο τέλος της πρώτης γραμμής είναι ένας κοινός τρόπος για τη δομή των δηλώσεων και των αντικειμένων JavaScript. Μερικές φορές οι αγκύλες τοποθετούνται σε ξεχωριστές γραμμές:

// Δήλωση υπό όρους με αγκύλες σε νέες γραμμές
αν (x === 1)
{
// εκτελέστε τον κώδικα εάν είναι αληθής
}
αλλού
{
// εκτελέστε τον κώδικα εάν είναι false
}

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

Οι ένθετες δηλώσεις πρέπει να διαχωρίζονται:

// Εκκίνηση μιας συνάρτησης
συνάρτηση isEqualToOne(x) (
// Ελέγξτε αν το x είναι ίσο με ένα
αν (x === 1) (
// στην επιτυχία, επιστροφή αληθινή
επιστροφή αληθινή?
) άλλο (
επιστροφή ψευδής?
}
}

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

Αναγνωριστικά

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

Ευαισθησία υπόθεσης

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

var myVariable = 1;
var myvariable = 2;

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

const INSURANCE_RATE = 0,4;

Η εξαίρεση σε αυτόν τον κανόνα είναι τα ονόματα κλάσεων, όπου κάθε λέξη αρχίζει συνήθως με κεφαλαίο γράμμα (PascalCase).

// Εκκίνηση κλάσης
class ExampleClass (
κατασκευαστής()
}

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

Δεσμευμένες λέξεις-κλειδιά

Τα αναγνωριστικά δεν πρέπει επίσης να περιέχουν δεσμευμένες λέξεις-κλειδιά. Οι λέξεις-κλειδιά είναι λέξεις JavaScript που έχουν ενσωματωμένη λειτουργικότητα. Αυτά περιλαμβάνουν var, if, for και αυτό.

Για παράδειγμα, δεν μπορείτε να εκχωρήσετε μια τιμή σε μια μεταβλητή με το όνομα var.

var var = "Κάποια τιμή";

Η JavaScript γνωρίζει τη λέξη-κλειδί var, επομένως θα εμφανίσει ένα σφάλμα:

Σφάλμα σύνταξης: Μη αναμενόμενο διακριτικό (1:4)