Quelles sont les nouvelles méthodes de déclaration dans es6 ?

Nouvelles méthodes de déclaration : 1. let, utilisé pour déclarer des variables, la syntaxe "let variable name=value" ; 2. const, utilisé pour déclarer des constantes, la syntaxe "const constant name=value" ; déclarez Class, la syntaxe est "class class name {...}" ; 4. import, utilisé pour déclarer des variables d'entrée chargées statiquement.

L'environnement d'exploitation de cet article : système Windows 10, Vue version 2.9.6, ordinateur DELL G3.

Quelles sont les nouvelles méthodes de déclaration dans es6 ?

Il existe deux types de méthodes de déclaration avant ES5 : la première est "var" pour déclarer des variables et des constantes. La seconde consiste à déclarer une « fonction » d’une fonction. Dans ES6, la méthode de déclaration des variables s'est étendue à 6 types à la fois, et le résumé est le suivant :

Déclare déclarer des variables ou des constantes : VAR, Let (nouvel ajout de ES6), const6 (nouvelle augmentation de ES6);                         utiliser using using ES6 using ES 6. Concepts de définition : l1, Let et const

Définition :

Let : ES6 ajoute la commande Let pour déclarer les variables. Son utilisation est similaire à var, mais la variable déclarée n'est valide que dans la portée au niveau du bloc où se trouve la commande let.

const : ES6 ajoute une nouvelle commande const pour déclarer une constante en lecture seule. Une fois déclarée, la valeur d'une constante ne peut plus être modifiée. Les variables déclarées comme let ne sont valides que dans la portée au niveau du bloc ;

Différences de fonctionnalités :

Idem : il n'y a pas de promotion de variable, elle ne peut donc être utilisée qu'après déclaration, et une erreur sera signalée si elle n'est pas déclarée District (TDZ). ), ce qui explique également pourquoi les variables ne sont pas déclarées sans que les déclarations rapportent une erreur ;

Aucune des instructions n'est autorisée à répéter l'instruction

Différent : les variables de l'instruction const sont des variables "inchangées", donc cela doit être affectée directement lors de la déclaration des variables. , la valeur ne peut pas être modifiée après l'affectation d'une constante, sinon une erreur sera signalée

Remarque : la variable déclarée par const comme mentionné ci-dessus ne peut pas être modifiée pour les "constantes". être des "types de données de base", tels que des chaînes, des valeurs numériques, des valeurs booléennes, etc. Il ne fait pas référence à tous les types de données. Lorsque la variable que nous déclarons avec const est un type de données de référence, la valeur peut être modifiée.

Ici, nous parlons de la vraie signification du contenu enregistré par const : ce que const garantit réellement, ce n'est pas que la valeur de la variable ne peut pas être modifiée, mais que les données stockées dans l'adresse mémoire pointée par la variable ne peuvent pas être modifiées. Pour les types de données simples (valeurs numériques, chaînes, valeurs booléennes), la valeur est stockée à l'adresse mémoire pointée par la variable, et équivaut donc à une constante.

Mais pour les données de type composite (principalement des objets et des tableaux), l'adresse mémoire pointée par la variable ne stocke qu'un pointeur vers les données réelles. Const ne peut garantir que ce pointeur est fixe (c'est-à-dire qu'il pointe toujours vers un autre fixe. adresse), quant à savoir si la structure de données vers laquelle elle pointe est variable, elle est complètement hors de contrôle. Par conséquent, vous devez être très prudent lorsque vous déclarez un objet comme constante.

Utilisation :

// let 用法
let a = '123';
 
// const 用法
const b = '456'

2, classe

Définition : la classe ES6 peut être considérée comme un simple sucre syntaxique. La plupart de ses fonctions peuvent être réalisées par ES5. La nouvelle méthode d'écriture de classe n'est qu'un moyen d'écrire des prototypes d'objets. C'est juste plus clair et ressemble davantage à la syntaxe de la programmation orientée objet.

(La classe définit une classe, qui est en fait un élément de connaissance très important. Ici, nous apprenons brièvement son utilisation la plus élémentaire et servons d'introduction. Nous enregistrerons l'étude approfondie plus tard)

Utilisation :

// 基本方法定义一个类
class Point{
    constructor(x,y){
        this.x = x;
        this.y = y;
    }
 
    toString(){
        return '( '+ this.x +','+ this.y +')';
    }
}
 
var point = new Point(2,3)
point.toString(); // (2,3)
 
 
// 表达式的方法定义一个类
let person = new class {
  constructor(name) {
    this.name = name;
  }
 
  sayName() {
    console.log(this.name);
  }
}('张三');
 
person.sayName(); // "张三"

3. Utilisation de import

 :

Après avoir utilisé la commande export pour définir l'interface externe du module, d'autres fichiers JS peuvent charger ce module via la commande import.

// main.js
import { firstName, lastName, year } from './profile.js';
 
function setName(element) {
  element.textContent = firstName + ' ' + lastName;
}

La commande d'importation du code ci-dessus est utilisée pour charger le fichier profile.js et y saisir des variables. La commande import accepte une paire d'accolades, qui spécifient les noms de variables à importer depuis d'autres modules. Le nom de la variable entre accolades doit être le même que le nom de l’interface externe du module importé (profile.js). Si vous souhaitez renommer la variable d'entrée, utilisez le mot-clé as dans la commande d'importation pour renommer la variable d'entrée.

import { lastName as surname } from './profile.js';

【Recommandation associée : "

Tutoriel vue.js

"】

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!