Μάθετε πώς να δημιουργείτε τάξεις σε JavaScript

Μάθετε πώς να δημιουργείτε τάξεις σε JavaScript

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





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



Το κέντρο ειδοποιήσεων των windows 10 δεν λειτουργεί

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





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

Δομή κλάσης JavaScript

Κατά τη δημιουργία μιας κλάσης στο JavaScript υπάρχει ένα βασικό συστατικό που θα απαιτείτε πάντα - το τάξη λέξη -κλειδί. Σχεδόν κάθε άλλη πτυχή της κλάσης JavaScript δεν απαιτείται για την επιτυχή εκτέλεσή της.



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

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



class ClassName{
//class body
}

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

Στον προγραμματισμό, μια κλάση μπορεί να θεωρηθεί ως μια γενικευμένη οντότητα που χρησιμοποιείται για τη δημιουργία ενός εξειδικευμένου αντικειμένου. Για παράδειγμα, σε ένα σχολικό περιβάλλον, μια γενικευμένη οντότητα (μια τάξη) μπορεί να είναι μαθητές και ένα αντικείμενο μαθητών μπορεί να είναι ο John Brown. Αλλά πριν δημιουργήσετε ένα αντικείμενο, θα πρέπει να γνωρίζετε τα δεδομένα που θα αποθηκεύσει και εδώ είναι που παίζει το JavaScript Constructors.

Χρήση Κατασκευαστών σε κλάσεις JavaScript

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



Χρησιμοποιώντας ένα Παράδειγμα Κατασκευαστή

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

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
}

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

Σχετίζεται με: Μάθετε πώς να δημιουργείτε τάξεις σε Java

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

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

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

Δημιουργία αντικειμένου σε JavaScript

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

Σχετικά: Πώς να δηλώσετε μεταβλητές στο JavaScript

Κοιτάζοντας τον κατασκευαστή τάξης μαθητή παραπάνω, μπορείτε να διακρίνετε ότι ένα αντικείμενο αυτής της τάξης θα έχει τρία χαρακτηριστικά.

Δημιουργία παραδείγματος αντικειμένου

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

//create a new object
const john = new Student('John', 'Brown', '2018');

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

Κατά τη δημιουργία ενός αντικειμένου μιας κλάσης, πρέπει να χρησιμοποιήσετε το νέος λέξη -κλειδί, ακολουθούμενο από το όνομα της κλάσης και τις τιμές που θέλετε να αντιστοιχίσετε στα αντίστοιχα χαρακτηριστικά. Τώρα έχετε έναν νέο μαθητή με το όνομα John, το επώνυμο Brown και ημερομηνία έναρξης του 2018. Έχετε επίσης μια σταθερή μεταβλητή: Γιάννης. Αυτή η μεταβλητή είναι σημαντική επειδή σας επιτρέπει να χρησιμοποιήσετε το αντικείμενο που δημιουργείται.

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

Χρήση μεθόδων σε κλάσεις JavaScript

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

Παράδειγμα δημιουργίας μεθόδων κλάσης

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

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
}

Η παραπάνω τάξη περιέχει μια μέθοδο που θα δημιουργήσει μια αναφορά για κάθε μαθητή που δημιουργήθηκε με το Μαθητης σχολειου τάξη. Για να χρησιμοποιήσετε το κανω ΑΝΑΦΟΡΑ() μέθοδο θα χρειαστεί να χρησιμοποιήσετε ένα υπάρχον αντικείμενο της κλάσης για να πραγματοποιήσετε μια απλή κλήση συνάρτησης.

Χάρη στο παράδειγμα δημιουργίας ενός αντικειμένου παραπάνω, θα πρέπει να έχετε ένα αντικείμενο του Μαθητης σχολειου κλάσης που έχει εκχωρηθεί στη μεταβλητή Γιάννης Το Χρησιμοποιώντας Γιάννης , τώρα μπορείτε να καλέσετε με επιτυχία το κανω ΑΝΑΦΟΡΑ() μέθοδος.

Χρήση μεθόδων κλάσης Παράδειγμα

Παρακάτω είναι ένα παράδειγμα χρήσης μεθόδων κλάσης στο JavaScript.

//create a new object
const john = new Student('John', 'Brown', '2018');
//calling the report method and storing its result in a variable
let result = john.report();
//printing the result to the console
console.log(result);

Ο παραπάνω κώδικας χρησιμοποιεί το Φοιτητές κλάσης για να παράγει την ακόλουθη έξοδο στην κονσόλα:

John Brown started attending this institution in 2018

Χρήση στατικών μεθόδων σε κλάσεις JavaScript

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

Από το παραπάνω παράδειγμα, δεν μπορείτε να χρησιμοποιήσετε το κανω ΑΝΑΦΟΡΑ() μέθοδο χωρίς αντικείμενο της κλάσης. Αυτό συμβαίνει γιατί το κανω ΑΝΑΦΟΡΑ() Η μέθοδος βασίζεται στα χαρακτηριστικά ενός αντικειμένου για να παράγει ένα επιθυμητό αποτέλεσμα. Ωστόσο, για να χρησιμοποιήσετε μια στατική μέθοδο, θα χρειαστείτε μόνο το όνομα της κλάσης που αποθηκεύει τη μέθοδο.

Δημιουργία παραδείγματος στατικής μεθόδου

Παρακάτω είναι ένα παράδειγμα στατικής μεθόδου για JavaScript.

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
//static method
static endDate(startDate){
return startDate + 4;
}
}

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

Χρησιμοποιώντας ένα παράδειγμα στατικής μεθόδου

Παρακάτω είναι ένα παράδειγμα για τη χρήση μιας στατικής μεθόδου στο JavaScript.

//calling a static method and printing its result to the console
console.log(Student.endDate(2018));

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

2022

Η δημιουργία μιας κλάσης JavaScript είναι εύκολη

Υπάρχουν πολλά πράγματα που πρέπει να θυμάστε εάν θέλετε να δημιουργήσετε μια κλάση JavaScript και να δημιουργήσετε ένα ή περισσότερα αντικείμενα από αυτήν:

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

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

Εξοικειωθείτε με το console.log () Η μέθοδος είναι ένα από τα πιο σημαντικά πράγματα που μπορείτε να κάνετε ως προγραμματιστής JavaScript.

Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ Το τελικό φύλλο εξαπάτησης JavaScript

Λάβετε μια γρήγορη ανανέωση των στοιχείων JavaScript με αυτό το φύλλο εξαπάτησης.

Διαβάστε Επόμενο Σχετικά θέματα
  • Προγραμματισμός
  • Προγραμματισμός
  • JavaScript
  • Συμβουλές κωδικοποίησης
  • Φροντιστήρια κωδικοποίησης
Σχετικά με τον Συγγραφέα Καντέισα Κιν(Δημοσιεύθηκαν 21 άρθρα)

Ο Kadeisha Kean είναι προγραμματιστής λογισμικού πλήρους στοίβας και τεχνικός/συγγραφέας τεχνολογίας. Έχει την ξεχωριστή ικανότητα να απλοποιήσει μερικές από τις πιο πολύπλοκες τεχνολογικές έννοιες. παραγωγή υλικού που μπορεί εύκολα να γίνει κατανοητό από κάθε αρχάριο τεχνολογίας. Είναι παθιασμένη με τη συγγραφή, την ανάπτυξη ενδιαφέροντος λογισμικού και τα ταξίδια στον κόσμο (μέσω ντοκιμαντέρ).

Περισσότερα από τον Kadeisha Kean

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

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

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