Methodenattribut Javascript

1. Übersicht

In JavaScript sind Methoden und Eigenschaften zwei wichtige Komponenten von Objekten. Methoden sind das Verhalten eines Objekts, während Eigenschaften Beschreibungen des Objekts sind. Methoden und Eigenschaften spielen bei der objektorientierten Programmierung in JavaScript eine wichtige Rolle. In diesem Artikel werden anhand von Beispielen die relevanten Kenntnisse über Methodenattribute vorgestellt.

2. Eigenschaften

In JavaScript können die Eigenschaften eines Objekts primitive Werte (wie Zeichenfolgen, boolesche Werte, Zahlen usw.) oder Objekte sein. Eigenschaften werden in zwei Typen unterteilt: Dateneigenschaften und Zugriffseigenschaften. Dateneigenschaften werden direkt im Objekt gespeichert, während Accessor-Eigenschaften Werte nicht direkt speichern, sondern ein Paar von Getter- und Setter-Funktionen definieren.

1. Dateneigenschaften

Eine Dateneigenschaft ist eine Objekteigenschaft, die einen Datenwert enthält. Ein Datenattribut umfasst vier Merkmale, die sein Verhalten beschreiben: beschreibbar, aufzählbar, konfigurierbar und Wert. Diese vier Eigenschaften können über die Methode Object.defineProperty gesteuert werden.

//Beispielcode
let obj = {};
Object.defineProperty(obj, 'name', {
value: 'Xiao Ming',
beschreibbar: false, //nicht beschreibbar
aufzählbar: wahr, //aufzählbar Zum Beispiel
configurable: false //Nicht konfigurierbar
});

2. Accessor-Eigenschaften

Accessor-Eigenschaften sind Funktionen, die beim Abrufen und Festlegen von Eigenschaftswerten ausgeführt werden. Eine Accessor-Eigenschaft umfasst zwei Methoden, nämlich die Getter-Funktion und die Setter-Funktion. Diese beiden Methoden müssen bei der Definition den beiden Schlüsselwörtern get und set entsprechen.

//Beispielcode
let obj = {
_name: 'Xiao Ming',
get name(){

return this._name

},
set name(value){

console.log('更新了名字')
this._name = value

}
}
obj.name = 'Xiaohong '
console.log(obj.name) //Ausgabe: Xiaohong

3. Methoden

Methoden sind das Verhalten von Objekten. Methoden in JavaScript sind spezielle Funktionen. Verwenden Sie Methoden, um komplexes Verhalten von Objekten zu implementieren.

1. Objektmethoden

Objektmethoden beziehen sich auf Funktionen, die Eigenschaften eines Objekts sind. Objektmethoden verwenden normalerweise das Schlüsselwort this, um auf das Objekt selbst zu verweisen.

//Beispielcode
let obj = {
name: 'Xiao Ming',
sayHi: function(){

console.log(`Hi, 我的名字是${this.name}`)

}
}
obj.sayHi() //Ausgabe: Hallo, mein Name ist Xiao Ming

2. Prototyp-Methode

Die Prototyp-Methode bezieht sich auf die Funktion, die das Prototyp-Attribut des Konstruktors ist. Prototypmethoden verwenden normalerweise das Schlüsselwort this, um auf das Instanzobjekt zu verweisen.

//Beispielcode
function Person(name){
this.name = name
}
Person.prototype.sayHi = function(){
console.log(Hi, 我的名字是${this.name})
}
let person = new Person('Xiao Ming ')
person.sayHi() //Ausgabe: Hallo, mein Name ist Xiao Ming

3. Statische Methode

Die statische Methode ist eine Methode, die kein Objekt instanziieren muss und direkt über den Konstruktor aufgerufen wird. Statische Methoden werden normalerweise über den Klassennamen referenziert.

//Beispielcode
class Calculator{
static add(a, b){

return a + b

}
static subtract(a, b){

return a - b

}
}
console.log(Calculator.add(1, 2 )) //Ausgabe: 3

IV. Methoden und Eigenschaften sind zwei wichtige Komponenten von Objekten. Die Beherrschung von Methodeneigenschaften ist für die objektorientierte JavaScript-Programmierung sehr wichtig. Beim Schreiben von Code sollten wir Datenattribute, Zugriffsattribute, Objektmethoden, Prototypmethoden und statische Methoden flexibel verwenden, um den Code eleganter, prägnanter und einfacher zu warten.

Das obige ist der detaillierte Inhalt vonMethodenattribut Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!