Heim > Artikel > Web-Frontend > Können es6 und es5 gemischt werden?
es6 und es5 können gemischt und verwendet werden; ECMAScript-Upgrades sind so kompatibel wie möglich mit allen Vorgängerversionen, das heißt, es6 enthält die Syntax aller Vorgängerversionen und behält weitestgehend die gleiche Bedeutung bei Original Einige neue Syntax unter Verwendung reservierter Wörter aus früheren Versionen implementiert, sodass es6 und es5 gemischt werden können.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript 6.0 und ECMAScript 5.0-Version, Dell G3-Computer.
Fast alle Software- oder Protokoll-Upgrades für Zivilisten sind möglichst kompatibel mit allen Vorgängerversionen.
Das heißt, ES6 enthält die Syntax aller vorherigen Versionen und behält so weit wie möglich die gleiche Bedeutung bei. Mit anderen Worten: ES6 verwendet nur die reservierten Wörter früherer Versionen, um eine neue Syntax auf der ursprünglichen Basis zu implementieren, und die Bedeutung der ursprünglichen Dinge bleibt unverändert.
Der Unterschied zwischen es6 und es5
Einführung von Systembibliotheken
Es5: Sie müssen zuerst require verwenden, um das React-Paket zu importieren, ein Objekt zu werden und dann eine echte Referenz zu erstellen;
Es6 : Sie können die Importmethode verwenden, um direkt Systembibliotheksreferenzen zu implementieren. Es ist nicht erforderlich, ein zusätzliches Klassenbibliotheksobjekt zu erstellen.
Eine einzelne Klasse exportieren und referenzieren. Es5: Um eine Klasse in andere Module zu exportieren, ist dies der Fall wird normalerweise durch module.exports erreicht. Beim Zitieren wird es immer noch über die Anforderungsmethode abgerufen
Es6: Sie können die Export-Standardeinstellung verwenden, um dieselbe Funktion zu erreichen, und die Importmethode verwenden, um den Import zu implementieren Hinweis: Die Import- und Exportmethoden von ES5 und ES6 werden in angezeigt Paare, nicht mischbar.Komponenten definieren
Es5: Die Definition der Komponentenklasse wird über React.createClass implementiert.
Es6: Lassen Sie die Komponentenklasse einfach die React.Component-Klasse erben.中 Beachten Sie, dass die „react.createclass“ in ES5 kleine Klammern dahinter erfordert und am Ende ein „seminars“ stehen muss. Am Ende der Endung werden keine kleinen Klammern stehen und diese müssen auch nicht hinzugefügt werden.Die interne Definitionsmethode der Komponente
Es5: Sie nimmt die Form von ###:function() an und am Ende der Methodenklammern muss ein Komma hinzugefügt werden. Der Absatz [ : function] wird weggelassen und das Ende ist nicht erforderlich. Fügen Sie zum Trennen Kommas hinzu.Hinweis: Wenn Sie die von ES6 definierten Regeln verwenden, muss die äußere Schicht [class #### extension React.Component] verwenden, um diese Klasse zu deklarieren, andernfalls wird ein Fehler gemeldet.
Definieren Sie den Attributtyp und das Standardattribut der Komponente
Es5: Der Attributtyp und das Standardattribut werden über das propTypes-Mitglied bzw. die getDefaultProps-Methode implementiert (diese beiden Methoden sollten feste Namen haben). Es6: Verwenden statische, einheitlich zu implementierende Mitglieder.Initialize STATE
Es5: Die Methode zum Initialisieren des Status ist der feste getInitialState; Es6: Die erste Methode besteht darin, die Statusfunktion direkt zu erstellen; die zweite Methode entspricht dem Umschreiben der Methode in OC und dem Umschreiben des Konstruktors Methode【Verwandte Empfehlungen: Javascript-Video-Tutorial
,Web-Frontend
】Das obige ist der detaillierte Inhalt vonKönnen es6 und es5 gemischt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!