Τι είναι μια κλάση JavaScript και πώς να τη χρησιμοποιήσετε;

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

• Τι είναι η τάξη JavaScript;
• Πώς να χρησιμοποιήσετε την κλάση JavaScript;
  • Ορίστε μια τάξη
  • Ορισμός μεθόδων
  • Επέκταση τάξης

Τι είναι η τάξη JavaScript;

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

// Αρχικοποίηση μιας συνάρτησης με μια συνάρτηση έκφραση const a = function () {}

// Έναρξη κλάσης με έκφραση κλάσης const b = class {}

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

Πώς να χρησιμοποιήσετε μια τάξη JavaScript;

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

const a = class {} // Αρχικοποιήστε έναν κατασκευαστή από class const buildorFromClass = νέο a () console.log (constructorFromClass)

Παραγωγή:

a {} κατασκευαστής: κλάση

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

μαθήματα οπτικών στούντιο για αρχάριους

Ορίστε μια τάξη

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

javascript ελέγξτε το μήκος του πίνακα

// Εκκίνηση ενός λειτουργού συνάρτησης κατασκευαστή (όνομα, empid) {this.name = name this.empid = empid}

Τώρα, εάν το μεταφράσουμε στη σύνταξη της τάξης, θα δείτε ότι οι δομές είναι πολύ παρόμοιες.

// Αρχικοποίηση υπαλλήλου κατηγορίας ορισμού κλάσης {κατασκευάτης (όνομα, empid) {this.name = name this.empid = empid}}

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

Ορισμός μεθόδων

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

Λειτουργός υπάλληλος (όνομα, empid) {this.name = name this.empid = empid} // Η προσθήκη μιας μεθόδου στον κατασκευαστή karyawan.prototype.greet = function () {return '$ {this.name} λέει γεια.'}

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

υπάλληλος της τάξης {buildor (name, empid) {this.name = name this.empid = empid} // Η προσθήκη μιας μεθόδου στον κατασκευαστή χαιρετίζει () {return '$ {this.name} λέει γεια.'}}

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

Επέκταση τάξης

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

αντιστρέψτε έναν αριθμό στο python

Νέες συναρτήσεις κατασκευαστή μπορούν να δημιουργηθούν από τον γονέα χρησιμοποιώντας τη μέθοδο κλήσης (). Για παράδειγμα:

// Δημιουργία νέου κατασκευαστή από τις πληροφορίες της γονικής συνάρτησης (όνομα, empid, μισθός) {// Κατασκευαστής αλυσίδας με κλήση υπαλλήλου. Κλήση (αυτό, όνομα, empid) this.salary = gaji}

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

// Η δημιουργία μιας νέας τάξης από τις πληροφορίες της μητρικής τάξης επεκτείνει τον υπάλληλο {κατασκευαστής (όνομα, empid, μισθό) {// Κατασκευαστής αλυσίδας με σούπερ σούπερ (όνομα, empid) // Προσθήκη νέας ιδιότητας this.salary = gaji}}

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

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

Τώρα που γνωρίζετε για την κλάση JavaScript, δείτε το από την Edureka. Η Εκπαίδευση Πιστοποίησης Ανάπτυξης Ιστού θα σας βοηθήσει να μάθετε πώς να δημιουργείτε εντυπωσιακούς ιστότοπους χρησιμοποιώντας HTML5, CSS3, Twitter Bootstrap 3, jQuery και Google API και να το αναπτύξετε στο Amazon Simple Storage Service (S3).

Έχετε μια ερώτηση για εμάς; Παρακαλώ αναφέρετέ το στην ενότητα σχολίων της 'Κατηγορίας JavaScript' και θα επικοινωνήσουμε μαζί σας.