Anwendungsbeispiele für das Abrufen und Festlegen von Klassen in ES6-Javascript

Dieser Artikel stellt hauptsächlich die Verwendung von Get- und Set-Klassen in ES6-Javascript vor und analysiert die Verwendung von Get- und Set-Schlüsselwörtern in ES6 anhand konkreter Beispiele. Ich hoffe, dass dies möglich ist allen helfen.

Wie bei ES5 können Sie die Schlüsselwörter get und set innerhalb der Klasse verwenden, um die Speicherfunktion und die Wertfunktion für ein bestimmtes Attribut festzulegen, um das Zugriffsverhalten des Attributs abzufangen.

class MyClass {
  constructor() {
    // ...
  }
  get prop() {
    return 'getter';
  }
  set prop(value) {
    console.log('setter: ' + value);
  }
}
let inst = new MyClass();
inst.prop = 123;
// setter: 123
inst.prop
// 'getter'

Im obigen Code verfügt das Prop-Attribut über eine entsprechende Speicherfunktion und Wertfunktion, sodass das Zuweisungs- und Leseverhalten angepasst wurde.

Die Speicherfunktion und die Wertfunktion werden auf dem Deskriptorobjekt des Attributs festgelegt.

class CustomHTMLElement {
  constructor(element) {
    this.element = element;
  }
  get html() {
    return this.element.innerHTML;
  }
  set html(value) {
    this.element.innerHTML = value;
  }
}
var descriptor = Object.getOwnPropertyDescriptor(
  CustomHTMLElement.prototype, "html");
"get" in descriptor // true
  "set" in descriptor // true

Im obigen Code sind die Speicherfunktion und die Wertfunktion für das Beschreibungsobjekt des HTML-Attributs definiert, was vollständig mit ES5 übereinstimmt.

Verwandte Empfehlungen:

Beispiele für die Verwendung der Funktionen get und set

So verwenden Sie die Set-Datenstruktur um Arrays in ES6 zu betreiben

Teilen von SQL-Optimierungsbeispielen, bei denen der Offset beim MySQL-Paging zu groß ist

Das obige ist der detaillierte Inhalt vonAnwendungsbeispiele für das Abrufen und Festlegen von Klassen in ES6-Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!