Σε αυτό το σεμινάριο, θα μάθετε για τις μεθόδους αντικειμένων JavaScript και αυτήν τη λέξη-κλειδί με τη βοήθεια παραδειγμάτων.
Στο JavaScript, τα αντικείμενα μπορούν επίσης να περιέχουν συναρτήσεις. Για παράδειγμα,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
Στο παραπάνω παράδειγμα, ένα personαντικείμενο έχει δύο πλήκτρα ( nameκαι greet), τα οποία έχουν μια τιμή συμβολοσειράς και μια τιμή συνάρτησης, αντίστοιχα.
Ως εκ τούτου, βασικά, η μέθοδος JavaScript είναι μια ιδιότητα αντικειμένου που έχει μια τιμή συνάρτησης.
Πρόσβαση σε μεθόδους αντικειμένων
Μπορείτε να αποκτήσετε πρόσβαση σε μια μέθοδο αντικειμένου χρησιμοποιώντας μια σημείωση κουκκίδων. Η σύνταξη είναι:
objectName.methodKey()
Μπορείτε να αποκτήσετε πρόσβαση σε ιδιότητα καλώντας ένα αντικείμενοName και ένα κλειδί . Μπορείτε να αποκτήσετε πρόσβαση σε μια μέθοδο καλώντας ένα αντικείμενοName και ένα κλειδί για αυτήν τη μέθοδο μαζί με (). Για παράδειγμα,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Εδώ, η greetμέθοδος έχει πρόσβαση person.greet()αντί για person.greet.
Εάν προσπαθήσετε να αποκτήσετε πρόσβαση στη μέθοδο μόνο person.greet, θα σας δώσει έναν ορισμό λειτουργίας.
person.greet; // ƒ () ( console.log('hello'); )
Ενσωματωμένες μέθοδοι JavaScript
Στο JavaScript, υπάρχουν πολλές ενσωματωμένες μέθοδοι. Για παράδειγμα,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Εδώ, χρησιμοποιείται η parseInt()μέθοδος του αριθμού αντικειμένου για τη μετατροπή της αριθμητικής τιμής συμβολοσειράς σε ακέραια τιμή.
Για να μάθετε περισσότερα σχετικά με τις ενσωματωμένες μεθόδους, επισκεφθείτε τις ενσωματωμένες μεθόδους JavaScript.
Προσθήκη μεθόδου σε αντικείμενο JavaScript
Μπορείτε επίσης να προσθέσετε μια μέθοδο σε ένα αντικείμενο. Για παράδειγμα,
// creating an object let student = ( ); // adding a property student.name = 'John'; // adding a method student.greet = function() ( console.log('hello'); ) // accessing a method student.greet(); // hello
Στο παραπάνω παράδειγμα, δημιουργείται ένα κενό studentαντικείμενο. Στη συνέχεια, προστίθεται η nameιδιότητα. Παρομοίως, greetπροστίθεται επίσης η μέθοδος. Με αυτόν τον τρόπο, μπορείτε να προσθέσετε μια μέθοδο καθώς και μια ιδιότητα σε ένα αντικείμενο.
JavaScript αυτή η λέξη-κλειδί
Για να αποκτήσετε πρόσβαση σε μια ιδιότητα ενός αντικειμένου μέσα από μια μέθοδο του ίδιου αντικειμένου, πρέπει να χρησιμοποιήσετε τη thisλέξη-κλειδί. Ας δούμε ένα παράδειγμα.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Παραγωγή
Το όνομα είναι Τζον
Στο παραπάνω παράδειγμα, δημιουργείται ένα personαντικείμενο. Περιέχει ιδιότητες ( nameκαι age) και μια μέθοδο greet.
Στη μέθοδο greet, κατά την πρόσβαση σε μια ιδιότητα ενός αντικειμένου, thisχρησιμοποιείται λέξη-κλειδί.
Για να αποκτήσετε πρόσβαση στις ιδιότητες ενός αντικειμένου, η thisλέξη-κλειδί χρησιμοποιείται ακολουθώντας το .και το κλειδί .
Σημείωση : Στο JavaScript, η thisλέξη-κλειδί όταν χρησιμοποιείται με τη μέθοδο του αντικειμένου αναφέρεται στο αντικείμενο. thisσυνδέεται με ένα αντικείμενο.
Ωστόσο, η συνάρτηση μέσα σε ένα αντικείμενο μπορεί να έχει πρόσβαση σε αυτήν μεταβλητή με παρόμοιο τρόπο όπως θα έκανε μια κανονική συνάρτηση. Για παράδειγμα,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Παραγωγή
Το όνομα είναι John Doe
