Τι είναι το JavaScript και πώς λειτουργεί;

Τι είναι το JavaScript και πώς λειτουργεί;

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





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



Τι είναι το JavaScript;

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





Η τελευταία έκδοση της γλώσσας είναι το ECMAScript 2018 που κυκλοφόρησε τον Ιούνιο του 2018.

πώς να τραβήξετε ένα στιγμιότυπο οθόνης στο snapchat χωρίς να το γνωρίζει το άτομο

Η JavaScript συνεργάζεται με HTML και CSS για τη δημιουργία ιστοσελίδων ή ιστοσελίδων. Το JavaScript υποστηρίζεται από τα περισσότερα σύγχρονα προγράμματα περιήγησης ιστού όπως το Google Chrome, το Firefox, το Safari, το Microsoft Edge, το Opera κ.λπ. Τα περισσότερα προγράμματα περιήγησης για κινητά για Android και iPhone υποστηρίζουν πλέον και JavaScript.



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

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



Μπλοκ οικοδόμησης εφαρμογών Ιστού

Υπάρχουν τρία στοιχεία που δημιουργούν ιστότοπους και εφαρμογές: Γλώσσα σήμανσης υπερκειμένου (HTML), Cascading Style Sheets (CSS) και JavaScript. Καθένα έχει ένα ρόλο στη δημιουργία μιας διαδικτυακής εφαρμογής.

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

Και τα τρία μέρη λειτουργούν αρμονικά μεταξύ τους για να δημιουργήσουν εφαρμογές πλήρους κλίμακας. Θα ήταν καλή ιδέα να μάθετε περισσότερα για το HTML και το CSS εάν δεν είστε απόλυτα άνετοι μαζί τους.



Πώς λειτουργεί το JavaScript;

Πριν γράψετε JavaScript είναι σημαντικό να γνωρίζετε πώς λειτουργεί κάτω από το καπό. Υπάρχουν δύο σημαντικά κομμάτια για να μάθετε: Πώς λειτουργεί το πρόγραμμα περιήγησης ιστού και το μοντέλο αντικειμένου εγγράφου (DOM).

Το πρόγραμμα περιήγησης ιστού φορτώνει μια ιστοσελίδα, αναλύει το HTML και δημιουργεί αυτό που είναι γνωστό ως Document Object Model (DOM) από το περιεχόμενο. Ο DOM παρουσιάζει μια ζωντανή προβολή της ιστοσελίδας στον κώδικα JavaScript.

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

Το HTML και το CSS συνδυάζονται από τον DOM για να δημιουργήσουν πρώτα την ιστοσελίδα. Στη συνέχεια, η μηχανή JavaScript των φυλλομετρητών φορτώνει αρχεία JavaScript και ενσωματωμένο κώδικα, αλλά δεν εκτελεί αμέσως τον κώδικα. Περιμένει να ολοκληρωθεί η φόρτωση του HTML και του CSS.

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

Η σειρά εδώ είναι σημαντική. Εάν το JavaScript δεν περίμενε να τελειώσει το HTML και το CSS, δεν θα μπορούσε να αλλάξει τα στοιχεία DOM.

Τι μπορώ να κάνω με JavaScript;

Η JavaScript είναι μια πλήρης γλώσσα προγραμματισμού που μπορεί να κάνει τα περισσότερα πράγματα μια κανονική γλώσσα όπως η Python. Αυτά περιλαμβάνουν:

πώς να αλλάξετε το εικονίδιο ενός αρχείου
  • Δήλωση μεταβλητών.
  • Αποθήκευση και ανάκτηση αξιών.
  • Καθορισμός και επίκληση συναρτήσεων, συμπεριλαμβανομένων λειτουργίες βέλους Το
  • Καθορισμός αντικειμένων και κλάσεων JavaScript.
  • Φόρτωση και χρήση εξωτερικών ενοτήτων.
  • Συγγραφή χειριστών εκδηλώσεων που ανταποκρίνονται σε συμβάντα κλικ.
  • Γράφοντας κωδικό διακομιστή.
  • Και πολλα ΑΚΟΜΑ.

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

Χρήση JavaScript

Ας δούμε μερικά βασικά JavaScript με παραδείγματα κώδικα.

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

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

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

Χειριστές

Πρόσθεση

12 + 5
>> 17

Αφαίρεση

20 - 8
>> 12

Πολλαπλασιασμός

5 * 2
>> 10

Διαίρεση

50 / 2
>> 25

Modulus

45 % 4
>> 1

Πίνακες

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

Λειτουργίες

Η JavaScript μπορεί να γράψει συναρτήσεις, εδώ είναι μια απλή συνάρτηση που προσθέτει αριθμούς.

Το κατάστημα microsoft δεν λειτουργεί windows 10
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Βρόχοι

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

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

Σχόλια

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

Σε μια Ιστοσελίδα

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

  • Φορτώστε ένα εξωτερικό αρχείο JavaScript σε μια ιστοσελίδα ως εξής: | _ _+_ |
  • Μπορείτε να καθορίσετε το πλήρες URL εάν η javascript προέρχεται από διαφορετικό τομέα από την ιστοσελίδα ως εξής: | _+_ |
  • Η JavaScript μπορεί να ενσωματωθεί απευθείας στο HTML. Εδώ είναι ένα | _+_ |

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

Αυτά είναι πιο προηγμένα θέματα, τώρα μαθαίνετε τα βασικά.

Δείγμα αποσπάσματα κώδικα JavaScript

Ακολουθούν μερικά απλά δείγματα κώδικα JavaScript για να δείξετε πώς χρησιμοποιείται σε ιστοσελίδες. Αυτά είναι παραδείγματα κώδικα που λειτουργούν με το DOM.

  • Το παρακάτω επιλέγει όλα τολμηρός στοιχεία στο έγγραφο και ορίζει το χρώμα του πρώτου σε κόκκινο. | _+_ |
  • Θέλετε να αλλάξετε την εικόνα σε ένα img ετικέτα? Τα παρακάτω συσχετίζουν έναν χειριστή εκδηλώσεων για το Κάντε κλικ περίπτωση ενός κουμπιού. | _+_ |
  • Ενημέρωση του περιεχομένου κειμένου μιας παραγράφου ( Π ) στοιχείο? Ορίστε το innerHTML ιδιότητα του στοιχείου όπως φαίνεται: | _+_ |

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

Τώρα ξέρετε τι κάνει η JavaScript

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

Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ Πώς να καθαρίσετε τον υπολογιστή σας με Windows χρησιμοποιώντας τη γραμμή εντολών

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

Διαβάστε Επόμενο Σχετικά θέματα
  • Η τεχνολογία εξηγείται
  • Προγραμματισμός
  • Ανάπτυξη διαδικτύου
  • JavaScript
  • Scripting
Σχετικά με τον Συγγραφέα Άντονι Γκραντ(Δημοσιεύθηκαν 40 άρθρα)

Ο Anthony Grant είναι ένας ανεξάρτητος συγγραφέας που καλύπτει προγραμματισμό και λογισμικό. Είναι ειδικός στην Πληροφορική που ασχολείται με προγραμματισμό, Excel, λογισμικό και τεχνολογία.

Περισσότερα από τον Anthony Grant

Εγγραφείτε στο newsletter μας

Εγγραφείτε στο ενημερωτικό μας δελτίο για τεχνικές συμβουλές, κριτικές, δωρεάν ebooks και αποκλειστικές προσφορές!

Κάντε κλικ εδώ για εγγραφή