Quelle est la différence entre ecmascript5 et 6

La différence entre ecmascript5 et 6 : 1. La portée au niveau du bloc est nouvellement ajoutée dans ecmascript6, mais pas dans ecmascript5 ; 2. Les paramètres de fonction par défaut peuvent être définis dans ecmascript6, mais pas dans ecmascript5 ; ecmascript6 , et il n'y a pas de fonctions de flèche dans ecmascript5.

L'environnement d'exploitation de ce tutoriel : système Windows10, version ECMAScript 6.0&&ECMAScript 5.0, ordinateur Dell G3.

Quelle est la différence entre ecmascript5 et 6

ECMAScripts5, ou ES5, est la cinquième révision d'ECMAScripts, qui a été standardisée en 2009. ECMAScripts6, ou ES6, est la sixième révision d'ECMAScripts, qui a été achevée en 2025. Il s'agit de également appelé ES2015ES6. Une amélioration après ES5, il est plus concis que ES5 et améliore l'efficacité du développement :

1) let déclare des variables et const déclare des constantes, qui ont toutes deux une portée au niveau du bloc. portée au niveau du bloc dans ES5, et var a une promotion de variable. Dans let, les variables utilisées doivent être déclarées

2) Fonction flèche La définition de fonction dans ES6 n'utilise plus le mot-clé function(), mais utilise ()=>. ; Pour définir

3) Chaîne de modèle La chaîne de modèle est une version améliorée de la chaîne, marquée d'un backtick (`), qui peut être utilisée comme une chaîne ordinaire ou utilisée pour définir une chaîne multiligne

4) Deconstruction Assignment ES6 permet d'extraire valeurs des tableaux et des objets selon certains modèles et attribution de valeurs aux variables

5)... L'opérateur de propagation peut étendre les valeurs du tableau ou de l'objet, plusieurs valeurs peuvent également être collectées en une seule ; variable

Les détails sont les suivants :

Nouvelle fonction flèche

simplifie l'écriture. Les fonctions fléchées conviennent lorsque le corps de la fonction ne comporte qu'une seule ligne ; lorsqu'il y a plusieurs lignes, les fonctions ordinaires peuvent être utilisées pour augmenter la lisibilité. Moins de codage et une structure plus claire

C'est clairement indiqué. Le this du JS traditionnel est déterminé au moment de l'exécution, pas lors de la définition ; tandis que le this des fonctions fléchées est déterminé lors de la définition et ne peut pas être modifié, ni par des méthodes telles que l'appel, l'application et la liaison. Indiquez clairement vers qui cela pointe au moment de l'exécution, et il n'est pas nécessaire de juger ce point au moment de l'exécution. Remarque : la fonction flèche n'a pas son propre this, c'est le this externe, qui pointe vers le this du. fonction précédente qui n’est pas une fonction fléchée. En raison du mécanisme de js, il pointe vers la portée d'une fonction qui n'est pas une fonction fléchée.

La différence entre les fonctions fléchées et les fonctions ordinaires

La déclaration des fonctions ordinaires est la plus élevée en matière de levage variable. Les fonctions fléchées n'ont pas de fonction de levage
La fonction flèche n'a pas cela. body est l'endroit où il est défini. L'objet à la place de l'objet lorsqu'il est utilisé
La fonction flèche n'a pas l'objet arguments. L'objet n'existe pas dans le corps de la fonction. paramètre rest
La fonction flèche ne peut pas être utilisée comme constructeur et ne peut pas être nouvelle. Il n'y a pas de propriété
Les méthodes d'appel et d'application n'ont que des paramètres et aucune portée
La commande rendement ne peut pas être utilisée, les fonctions fléchées ne peuvent donc pas être utilisées comme fonctions de générateur

Portée au niveau du bloc

commande let dans ES6, pour déclarer des variables, l'utilisation est similaire à var, mais let ajoute une nouvelle portée au niveau du bloc à JavaScript. n'est pas une portée au niveau du bloc dans ES5, et var a le concept de promotion de variable, mais dans let, les variables utilisées doivent Faire une déclaration ; const déclare une constante

Affectation structurelle des variables dans ES6, par exemple : var [a, b,c] = [0,1,2];

Héritage de classe

N'est plus utilisé dans ES6 comme ES5 La chaîne de prototypes implémente l'héritage, mais introduit le concept de classe, qui ressemble quelque peu à la syntaxe de l'objet programmation orientée Java, mais les deux sont différents.

Connaissances étendues :

La différence entre var, let et const

Var peut être déclarée à plusieurs reprises, mais let ne peut pas être déclarée à plusieurs reprises

var n'est pas limité au niveau de bloc, tandis que let est limité au niveau de blocs

var sera mappé à window (un attribut sera attaché), mais let ne sera pas mappé à window

var peut accéder aux variables au-dessus de la déclaration, mais let a une zone morte temporaire, et une erreur sera signalée lors de l'accès aux variables ci-dessus la déclaration

Const doit se voir attribuer une valeur après la déclaration, sinon une erreur sera signalée

const définit une quantité immuable, et une erreur sera signalée si elle est modifiée

const, comme let, ne sera pas mappé au fenêtre, prend en charge la portée au niveau du bloc et peut accéder aux variables au-dessus de la déclaration. Les erreurs seront signalées

[Recommandations associées :

tutoriel vidéo javascript

, front-end Web]

Ce 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!