Was Sie lernen sollten, bevor Sie „react.js' lernen

Bevor Sie ReactJS lernen, müssen Sie die Grundlagen von JavaScript erlernen, da React eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen ist. Die meisten davon sind JavaScript ES6 und seine Funktionen und Syntax, einschließlich des ternären Operators und der vereinfachten Syntax. dieses Objekt, integrierte JavaScript-Funktionen usw.

Ich bin zu diesem Schluss gekommen, als ich React anderen vorstellte: Bei React dreht sich alles um JavaScript. Außerdem gibt es viel Material über JavaScript und nicht über React.

Das meiste davon ist JavaScript ES6 und seine Funktionen und Syntax, umfasst aber auch den ternären Operator, die vereinfachte Syntax, das This-Objekt, integrierte JavaScript-Funktionen (Zuordnen, Reduzieren, Filtern) oder allgemeinere Konzepte wie Zusammensetzung, Wiederverwendbarkeit, Unveränderlichkeit oder Funktionen höherer Ordnung. Möglicherweise müssen Sie diese Grundlagen nicht beherrschen, bevor Sie mit React beginnen, aber Sie müssen sie auf jeden Fall beim Lernen oder Üben anwenden.

React- und JavaScript-Klassen

Für React-Klassenkomponenten sind Vorkenntnisse in JavaScript-Klassen erforderlich. Das Konzept der JavaScript-Klassen ist relativ neu. Bisher konnte zur Implementierung der Vererbung nur die Prototypenkette von JavaScript verwendet werden. JavaScript-Klassen basieren auf prototypischer Vererbung, wodurch das Vererbungssystem einfacher wird.

Eine Möglichkeit, React-Komponenten zu definieren, ist die Verwendung von JavaScript-Klassen.

class Developer {
 constructor(firstname, lastname) {
   this.firstname = firstname;
   this.lastname = lastname;
 }
 getName() {
   return this.firstname + ' ' + this.lastname;
 }
}
var me = new Developer('Robin', 'Wieruch');
console.log(me.getName());

Eine Klasse beschreibt eine Entität und wird zum Erstellen von Instanzen der Entität verwendet. Wenn Sie mit der new-Anweisung eine Instanz einer Klasse erstellen, wird der Konstruktor der Klasse aufgerufen. Eigenschaften einer Klasse befinden sich normalerweise im Konstruktor. Darüber hinaus werden Klassenmethoden (z. B. getName()) verwendet, um die Daten der Instanz zu lesen (oder zu schreiben). Instanzen einer Klasse werden innerhalb der Klasse durch das Objekt this dargestellt, extern werden sie jedoch nur JavaScript-Variablen zugewiesen.

In der objektorientierten Programmierung werden Klassen normalerweise zur Implementierung der Vererbung verwendet. Auch in JavaScript kann die extensions-Anweisung verwendet werden, um eine Klasse von einer anderen erben zu lassen. Eine Unterklasse erbt über die Extens-Anweisung alle Funktionen einer übergeordneten Klasse und kann auch eigene Funktionen hinzufügen.

class Developer {
 constructor(firstname, lastname) {
   this.firstname = firstname;
   this.lastname = lastname;
 }
 getName() {
   return this.firstname + ' ' + this.lastname;
 }
}
class ReactDeveloper extends Developer {
 getJob() {
   return 'React Developer';
 }
}
var me = new ReactDeveloper('Robin', 'Wieruch');
console.log(me.getName());
console.log(me.getJob());

Das obige ist der detaillierte Inhalt vonWas Sie lernen sollten, bevor Sie „react.js' lernen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!