Μαθήματα JavaScript

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

Τα μαθήματα είναι ένα από τα χαρακτηριστικά που παρουσιάζονται στην έκδοση ES6 του JavaScript.

Η τάξη είναι ένα σχεδιάγραμμα για το αντικείμενο. Μπορείτε να δημιουργήσετε ένα αντικείμενο από την τάξη.

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

Δεδομένου ότι πολλά σπίτια μπορούν να κατασκευαστούν από την ίδια περιγραφή, μπορούμε να δημιουργήσουμε πολλά αντικείμενα από μια τάξη.

Δημιουργία κλάσης JavaScript

Η κλάση JavaScript είναι παρόμοια με τη συνάρτηση κατασκευαστή Javascript και είναι απλώς μια συντακτική ζάχαρη.

Η συνάρτηση κατασκευαστή ορίζεται ως:

 // constructor function function Person () ( this.name = 'John', this.age = 23 ) // create an object const person1 = new Person();

Αντί να χρησιμοποιείτε τη functionλέξη-κλειδί, χρησιμοποιείτε τη classλέξη-κλειδί για τη δημιουργία τάξεων JS. Για παράδειγμα,

 // creating a class class Person ( constructor(name) ( this.name = name; ) )

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

Τώρα μπορείτε να δημιουργήσετε ένα αντικείμενο. Για παράδειγμα,

 // creating a class class Person ( constructor(name) ( this.name = name; ) ) // creating an object const person1 = new Person('John'); const person2 = new Person('Jack'); console.log(person1.name); // John console.log(person2.name); // Jack

Εδώ, person1και το person2 είναι αντικείμενα της Personτάξης.

Σημείωση : Η constructor()μέθοδος μέσα σε μια τάξη καλείται αυτόματα κάθε φορά που δημιουργείται ένα αντικείμενο.

Μέθοδοι κλάσης Javascript

Κατά τη χρήση της συνάρτησης κατασκευαστή, ορίζετε μεθόδους ως:

 // constructor function function Person (name) ( // assigning parameter values to the calling object this.name = name; // defining method this.greet = function () ( return ('Hello'' + ' ' + this.name); ) )

Είναι εύκολο να ορίσετε μεθόδους στην κλάση JavaScript. Δίνεις απλώς το όνομα της μεθόδου που ακολουθείται από (). Για παράδειγμα,

 class Person ( constructor(name) ( this.name = name; ) // defining method greet() ( console.log(`Hello $(this.name)`); ) ) let person1 = new Person('John'); // accessing property console.log(person1.name); // John // accessing method person1.greet(); // Hello John

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

Λήψη και ρυθμιστές

Στο JavaScript, οι μέθοδοι λήψης λαμβάνουν την τιμή ενός αντικειμένου και οι μέθοδοι ρύθμισης ορίζουν την τιμή ενός αντικειμένου.

Τα μαθήματα JavaScript μπορεί να περιλαμβάνουν λήψεις και ρυθμιστές. Χρησιμοποιείτε τη getλέξη-κλειδί για μεθόδους setλήψης και για μεθόδους ρύθμισης. Για παράδειγμα,

 class Person ( constructor(name) ( this.name = name; ) // getter get personName() ( return this.name; ) // setter set personName(x) ( this.name = x; ) ) let person1 = new Person('Jack'); console.log(person1.name); // Jack // changing the value of name property person1.personName = 'Sarah'; console.log(person1.name); // Sarah

Ανέλκυση

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

 // accessing class const p = new Person(); // ReferenceError // defining class class Person ( constructor(name) ( this.name = name; ) )

Όπως μπορείτε να δείτε, η πρόσβαση σε μια τάξη πριν από τον ορισμό της προκαλεί σφάλμα.

"χρήση αυστηρών"

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

 class Person ( constructor() ( a = 0; this.name = a; ) ) let p = new Person(); // ReferenceError: Can't find variable: a

Σημείωση : Η κλάση JavaScript είναι ένας ειδικός τύπος λειτουργίας. Και ο typeofχειριστής επιστρέφει functionγια μια τάξη.

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

 class Person () console.log(typeof Person); // function

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