Maison > Article > interface Web > Es6 et es5 peuvent-ils être mélangés ?
es6 et es5 peuvent être mélangés et utilisés ; les mises à niveau ECMAScript sont aussi compatibles que possible avec toutes les versions précédentes, c'est-à-dire que es6 contient la syntaxe de toutes les versions précédentes et conserve la même signification autant que possible. original Implémentation d'une nouvelle syntaxe utilisant des mots réservés des versions précédentes, afin que es6 et es5 puissent être mélangés.
L'environnement d'exploitation de ce tutoriel : système Windows10, version ECMAScript 6.0&&ECMAScript 5.0, ordinateur Dell G3.
Presque toutes les mises à niveau de logiciels ou de protocoles pour les civils sont aussi compatibles que possible avec toutes les versions précédentes.
Autrement dit, ES6 contient la syntaxe de toutes les versions précédentes et conserve autant que possible la même signification. En d’autres termes, ES6 implémente uniquement une nouvelle syntaxe basée sur l’original en utilisant des mots réservés des versions précédentes, et la signification des éléments originaux reste inchangée.
La différence entre es6 et es5
Introduction des bibliothèques système
Es5 : Vous devez d'abord utiliser require pour importer le package React, devenir un objet, puis faire une vraie référence
Es6 ; : Vous pouvez utiliser la méthode d'importation pour directement Pour implémenter les références de bibliothèque système, il n'est pas nécessaire de créer un objet de bibliothèque de classes supplémentaire
Exporter et référencer une seule classe
Es5 : Pour exporter une classe vers d'autres modules, c'est généralement obtenu via module.exports. Lors de la citation, il est toujours obtenu via la méthode require ;
Es6 : vous pouvez utiliser export default pour obtenir la même fonction, et utiliser la méthode import pour implémenter l'importation
Remarque : les méthodes d'importation et d'exportation de ES5 et ES6 apparaissent dans paires, ne peuvent pas être mélangées.
Définir les composants
Es5 : La définition de la classe de composant est implémentée via React.createClass ;
Es6 : Laissez simplement la classe de composant hériter de la classe React.Component ;中 Remarque : la classe react.create dans ES5 nécessite une petite parenthèse derrière, et il doit y avoir un séminaire à la fin
Il n'y aura pas de petites parenthèses à la fin de la fin, et vous n'avez pas non plus besoin d'ajouter un numéro de segment.
La méthode de définition interne du composantEs5 : Elle se présente sous la forme de ###:function(), et une virgule doit être ajoutée à la fin des accolades de la méthode
Es6 : Le paragraphe ; [: function] est omis et la fin n'est pas requise. Ajoutez des virgules pour séparer.
Remarque : Si vous utilisez les règles définies par ES6, la couche externe doit utiliser [class #### extend React.Component] pour déclarer cette classe, sinon une erreur sera signalée.
Définissez le type d'attribut et l'attribut par défaut du composantEs5 : Le type d'attribut et l'attribut par défaut sont implémentés respectivement via le membre propTypes et la méthode getDefaultProps (ces deux méthodes doivent avoir des noms fixes
Es6 : Utiliser) ; membres statiques uniformément à implémenter.
Initialize STATEEs5 : La méthode d'initialisation de l'état est le getInitialState fixe ;
Es6 : La première consiste à construire directement la fonction d'état, la seconde est équivalente à la méthode de réécriture en OC, en réécrivant le constructeur ; méthode
【Recommandations associées :
tutoriel vidéo javascriptCe qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!