JavaScript-Objektmethoden

Beispiel

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 648,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

Probieren Sie es selbst aus

JavaScript Methoden

JavaScript Methoden sind Aktionen, die auf einem Objekt ausgeführt werden können.

JavaScript MethodeenthältFunktiondefinitionder Eigenschaft.

Eigenschaft Wert
firstName Bill
lastName Gates
age 62
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

Methode ist eine Funktion, die als Objektattribut gespeichert wird.

this Schlüsselwort

In JavaScript wird this Dinge, das ist das Objekt, das den JavaScript-Code besitzt.

this Wert, wenn er in der Funktion verwendet wird, ist das Objekt, das den Funktionscode "besitzt".

Bitte beachten Sie this ist kein Variable. Es ist ein Schlüsselwort. Sie können this Wert.

Zugriff auf die Methode des Objekts

Um eine Methode des Objekts zu erstellen, verwenden Sie die folgende Syntax:

methodName : function() { Codezeile }

Um auf die Methode des Objekts zuzugreifen, verwenden Sie die folgende Syntax:

objectName.methodName()

Sie würden fullName() normalerweise als Methode des Objekts person und fullName als Eigenschaft beschreiben.

fullName-Eigenschaft wird durch () aufgerufen und als Funktion ausgeführt.

In diesem Beispiel wird auf die Methode fullName() des Objekts person zugegriffen Methode:

Beispiel

name = person.fullName();

Probieren Sie es selbst aus

Wenn Sie auf fullName zugreifen Eigenschaftwurde keine () verwendet, wirdFunktiondefinition:

Beispiel

name = person.fullName;

Probieren Sie es selbst aus

inneren Methoden

In diesem Beispiel wird die toUpperCase() Methode, Text in Großbuchstaben umwandeln:

var Nachricht = "Hallo Welt!";
var x = message.toUpperCase();

Der Wert von x wird nach der Ausführung des obigen Codes sein:

HELLO WORLD!

Neue Methoden hinzufügen

Methoden hinzufügen wird im Konstruktor-Funktion durchgeführt:

Beispiel

function person(firstName, lastName, age, eyeColor) {
    this.firstName = firstName;  
    this.lastName = lastName;
    this.age = age;
    this.eyeColor = eyeColor;
    this.changeName = function (name) {
        this.lastName = name;
    };
}

Der Wert von name der Funktion changeName wird der Eigenschaft lastName von person zugewiesen.

Jetzt können Sie versuchen:

myMother.changeName("Jobs");

Probieren Sie es selbst aus

Durch die Verwendung von myMother "ersetzend" this, macht JavaScript klar, welche Person Sie meint.