Heim > Web-Frontend > js-Tutorial > Hauptteil

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

小云云
Freigeben: 2018-01-04 09:17:53
Original
12378 Leute haben es durchsucht

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'
Nach dem Login kopieren

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
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage