Quelle est la différence entre javascript et es6

La différence entre JavaScript et es6 : 1. JavaScript est un langage de script côté client à typage dynamique, faiblement typé, basé sur un prototype, utilisé pour ajouter des fonctions dynamiques aux pages Web HTML. es6 est le standard de nouvelle génération du langage JavaScript 2 ; es6 est une spécification du langage JavaScript, JavaScript est une implémentation d'es6.

L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.

Quelle est la différence entre javascript et es6 ?

Qu'est-ce que JavaScript ?

JavaScript est un langage de script côté client basé sur un prototype, typé dynamiquement et faiblement typé, utilisé pour ajouter des fonctions dynamiques aux pages Web HTML.

Dynamique : le type de données est déterminé au moment de l'exécution. Il n'est pas nécessaire d'effectuer une déclaration de type avant d'utiliser une variable. Généralement, le type de la variable est le type de la valeur à laquelle elle est affectée.

Classe faible : lors du calcul, la conversion implicite entre différents types peut être transparente pour l'utilisateur. Même si le type est incorrect, le type correct peut être obtenu grâce à la conversion implicite.

Prototype : le nouvel objet hérite de l'objet (en tant que modèle) et partage ses propres attributs avec le nouvel objet. L'objet modèle est appelé prototype. De cette façon, une fois le nouvel objet instancié, il peut non seulement bénéficier des propriétés définies lors de sa création et de son exécution, mais également des propriétés de l'objet prototype.

Qu'est-ce que ES6

ECMAScript 6.0 (ci-après dénommé ES6) est la norme de nouvelle génération du langage JavaScript (suivant désormais la norme ES5) et a été officiellement publiée en juin 2015. Son objectif est de permettre au langage JavaScript d'être utilisé pour écrire des applications complexes à grande échelle et de devenir un langage de développement au niveau de l'entreprise.

Nouvelles fonctionnalités d'ES6

• La commande let dans ES6 déclare des variables. L'utilisation est similaire à var, mais let ajoute une nouvelle portée au niveau du bloc à JavaScript. Il n'y a pas de 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 être déclarées.

• Affectation de déstructuration de variables dans ES6, telles que : var [a,b,c] = [0,1,2];

• Dans ES6, la chaîne de prototypes n'est plus utilisée pour implémenter l'héritage comme ES5, mais introduit Le concept de classe ressemble quelque peu à la syntaxe de la programmation orientée objet en Java, mais les deux sont différents.

• La définition de la fonction dans ES6 n'utilise plus le mot-clé function, mais utilise => pour la définition

• Vous pouvez définir les paramètres de fonction par défaut dans ES6, tels que la fonction A (x, y=9) {} ;

La relation entre ECMAScript et JavaScript

En raison de problèmes de droits d'auteur avec Netscae, le créateur de JavaScript, ECMAScript ne peut pas être appelé Javascript. En bref, la relation entre ECMAScript et JavaScript est que le premier est la spécification (spécification du langage) du second, et le second est une implémentation du premier.

Développer les connaissances

Les fonctionnalités de l'ES6 sont les suivantes :

1. Mot-clé de portée au niveau du bloc let, const constant

2. Raccourci de valeur de propriété pour les littéraux d'objet

var obj = {
    // __proto__
    __proto__: theProtoObj,
    // Shorthand for ‘handler: handler’
    handler,
    // Method definitions
    toString() {
    // Super calls
    return "d " + super.toString();
    },
    // Computed (dynamic) property names
    [ 'prop_' + (() => 42)() ]: 42
};

3. . Paramètres de fonction - valeur par défaut, packaging des paramètres, extension du tableau (Default, Rest, Spread)

let singer = { first: "Bob", last: "Dylan" };
let { first: f, last: l } = singer; // 相当于 f = "Bob", l = "Dylan"
let [all, year, month, day] =  /^(dddd)-(dd)-(dd)$/.exec("2015-10-25");
let [x, y] = [1, 2, 3]; // x = 1, y = 2

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