In diesem Tutorial lernen Sie anhand von Beispielen die JavaScript-Objektmethoden und dieses Schlüsselwort kennen.
In JavaScript können Objekte auch Funktionen enthalten. Beispielsweise,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
Im obigen Beispiel hat ein personObjekt zwei Schlüssel ( nameund greet), die einen Zeichenfolgenwert bzw. einen Funktionswert haben.
Daher ist die JavaScript- Methode im Grunde eine Objekteigenschaft mit einem Funktionswert.
Zugriff auf Objektmethoden
Sie können mit einer Punktnotation auf eine Objektmethode zugreifen. Die Syntax lautet:
objectName.methodKey()
Sie können auf die Eigenschaft zugreifen, indem Sie einen Objektnamen und einen Schlüssel aufrufen . Sie können auf eine Methode zugreifen, indem Sie einen Objektnamen und einen Schlüssel für diese Methode zusammen mit aufrufen (). Beispielsweise,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Hier wird auf die greetMethode als person.greet()statt zugegriffen person.greet.
Wenn Sie versuchen, nur mit auf die Methode zuzugreifen person.greet, erhalten Sie eine Funktionsdefinition.
person.greet; // ƒ () ( console.log('hello'); )
Integrierte JavaScript-Methoden
In JavaScript gibt es viele integrierte Methoden. Beispielsweise,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Hier wird die parseInt()Methode des Number-Objekts verwendet, um einen numerischen Zeichenfolgenwert in einen ganzzahligen Wert umzuwandeln.
Weitere Informationen zu integrierten Methoden finden Sie unter Integrierte JavaScript-Methoden.
Hinzufügen einer Methode zu einem JavaScript-Objekt
Sie können einem Objekt auch eine Methode hinzufügen. Beispielsweise,
// 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
Im obigen Beispiel wird ein leeres studentObjekt erstellt. Dann wird die nameEigenschaft hinzugefügt. In ähnlicher Weise wird auch die greetMethode hinzugefügt. Auf diese Weise können Sie einem Objekt sowohl eine Methode als auch eine Eigenschaft hinzufügen.
JavaScript dieses Schlüsselwort
Um über eine Methode desselben Objekts auf eine Eigenschaft eines Objekts zuzugreifen, müssen Sie das thisSchlüsselwort verwenden. Betrachten wir ein Beispiel.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Ausgabe
Der Name ist John
Im obigen Beispiel wird ein personObjekt erstellt. Es enthält Eigenschaften ( nameund age) und eine Methode greet.
In der Methode greetwird beim Zugriff auf eine Eigenschaft eines Objekts das thisSchlüsselwort verwendet.
Um auf die Eigenschaften eines Objekts zuzugreifen , thiswird das Schlüsselwort gefolgt von .und key verwendet .
Hinweis : In JavaScript thisbezieht sich das Schlüsselwort bei Verwendung mit der Objektmethode auf das Objekt. thisist an ein Objekt gebunden.
Die Funktion innerhalb eines Objekts kann jedoch auf ähnliche Weise wie eine normale Funktion auf seine Variable zugreifen. Beispielsweise,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Ausgabe
Der Name ist John Doe
