Maison > interface Web > js tutoriel > Comment ES6 (ES2015) évolue-t-il et apporte-t-il de nouvelles fonctionnalités au JavaScript moderne ?

Comment ES6 (ES2015) évolue-t-il et apporte-t-il de nouvelles fonctionnalités au JavaScript moderne ?

WBOY
Libérer: 2023-08-24 10:29:02
avant
1410 Les gens l'ont consulté

ES6 (ES2015) 如何演变并为现代 JavaScript 带来新功能?

Dans cet article, vous découvrirez comment ES6 (ES2015) évolue et apporte de nouvelles fonctionnalités au JavaScript moderne.

ES6 signifie ECMAScript 6. Il s'agit de la version 6 d'ECMAScript et vise à standardiser JavaScript. Les dix principales fonctionnalités d'ES6 sont : les mots-clés let et const, les fonctions de flèche, les chaînes multilignes, les paramètres par défaut, les littéraux de modèle, l'affectation de déstructuration, les littéraux d'objet améliorés et la promesse.

Exemple 1

Dans cet exemple, nous démontrons la fonction flèche (=>) -

console.log("An Arrow function Square has been defined")

square = (x) => { return x * x; }
 
let inputValue = 6
console.log("The input value is defined as :", inputValue)

let result= square(inputValue)
console.log("The square of the given value is :", result)
Copier après la connexion

Instructions

  • Étape 1 - Définissez une fonction fléchée "carré" qui accepte un nombre comme argument et renvoie le carré de ce nombre.

  • Étape 2 - Appelez la fonction et attribuez l'appel de fonction à une valeur : "résultat"

  •  ;
  • Étape 3 - Afficher les résultats.

Exemple 2

console.log("A class Rectangle is defined that uses constructor ",)
class Rectangle { 
   constructor(x, y) {
      this.x = x;
      this.y = y;
   }
}
let object = new Rectangle(10, 20);
console.log("A sides of the rectangle are defined as ")
console.log(object.x, " and ",object.y)
Copier après la connexion

Instructions

  • Étape 1 - Définissez une classe "rectangle" qui accepte deux nombres comme paramètres. Cette classe utilise un constructeur pour attribuer deux valeurs.

  • Étape 2 - Appelez la classe en utilisant l'objet.

  • Étape 3 - Afficher la valeur.

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!

source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal