Maison >interface Web >Questions et réponses frontales >Il existe plusieurs façons de déclarer des variables dans es6

Il existe plusieurs façons de déclarer des variables dans es6

青灯夜游
青灯夜游original
2022-03-07 17:21:064574parcourir

ES6 Il existe 6 façons de déclarer des variables : 1. Utilisez le mot-clé var pour déclarer des variables ; 2. Utilisez le mot-clé function pour déclarer des variables ; 3. Utilisez le mot-clé const pour déclarer des variables ; ; 5. Utilisez key Utilisez le mot class pour déclarer les variables ; 6. Utilisez le mot-clé import pour déclarer les variables.

Il existe plusieurs façons de déclarer des variables dans es6

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

ES5 n'a que deux façons de déclarer des variables : la commande var et la commande de fonction.

ES6 En plus d'ajouter les commandes let et const, il existe deux façons de déclarer des variables : la commande import et la commande class.

Ainsi, ES6 dispose d'un total de 6 façons de déclarer des variables.

1. Utilisez le mot-clé var pour déclarer les variables

var a ;  //undefined
var b = 1;
  • Les variables définies par var peuvent être modifiées si elles ne sont pas initialisées, non défini sera affiché et aucune erreur ne sera signalée
  • var. par var sont sur la fenêtre. Utilisez let ou const pour déclarer une variable, cette variable ne sera pas placée sur la fenêtre
  • De nombreux langages ont des portées au niveau du bloc, mais JS n'en utilise pas var pour déclarer les variables. et fonction pour diviser la portée. Les accolades "{}" ne font pas La portée de var ne peut pas être limitée, donc les variables déclarées avec var ont l'effet de promotion des variables
  • La portée des variables déclarées par var est globale ou fonction. -level

2. Utilisez le mot-clé function pour déclarer des variables

function add(a) {
  var sum = a + 1;
  return sum;
}
  • déclare une nouvelle variable nommée add et lui attribue une définition de fonction Le contenu entre
  • {} est affecté à add
  • Le code. à l'intérieur de la fonction ne sera pas exécutée, juste stockée dans des variables pour une utilisation future

3 Utilisez le mot-clé const pour déclarer les variables

const a;     //报错,必须初始化
const b = 1;
  • Les variables définies par const ne peuvent pas être modifiées et doivent être initialisées
  • La variable. est une variable globale, ou une variable globale dans le module Variables
  • Si une variable n'est affectée qu'une seule fois lorsqu'elle est déclarée et ne sera jamais réaffectée dans d'autres lignes de code, alors const doit être utilisé, mais la valeur initiale de la variable peut être ajusté à l'avenir (variable constante)
  • Créez une constante en lecture seule, qui apparaît non modifiable sur différents navigateurs ; il est recommandé de ne pas la modifier après déclaration, elle a une portée au niveau du bloc
  • const représente une constante ; index d'une valeur, c'est-à-dire que le nom de la variable est dans Le pointeur en mémoire ne peut pas être modifié , mais la valeur pointant vers cette variable peut changer
  • les variables définies par const ne peuvent pas être modifiées. ils sont utilisés lorsqu'ils nécessitent un module ou définissent des constantes globales
  • qui peuvent être globales. Les constantes sont déclarées dans une portée ou une fonction, mais doivent être initialiséesconstantes

  • les constantes ne peuvent pas avoir le même nom que les autres variables ou des fonctions dans la portée dans laquelle elles se trouvent

4. Utilisez le mot-clé let pour déclarer les variables

let a;  //undefined
let b = 1; 
function add(b) {
  let sum = b + 1;
  return sum;
}
let c = add(b);
  • Nécessite le "mode strict javascript": 'use strict'
  • Il n'y en a pas. promotion de variable
  • Les déclarations en double ne sont pas autorisées
  • La portée de la variable déclarée par let est dans le domaine au niveau du bloc Une fois que let est défini à l'intérieur de la fonction, aucun impact sur l'extérieur de la fonction (Portée au niveau du bloc)
  • Vous pouvez attribuer une valeur à la variable lors de sa déclaration, et la valeur par défaut n'est pas définie. Vous pouvez également attribuer une valeur à la variable plus tard dans le script, et elle ne peut pas être utilisée avant la vie (zone morte temporaire)

. 5. Utilisez le mot-clé class pour déclarer des variables

Concernant la classe, j'écrirai un article séparé plus tard pour la présenter en détail. Voici une brève introduction : Tout d'abord, regardez le constructeur dans ES5, puis utilisez les classes ES6 pour l'implémenter :

// ES5写法 :
  function fun ( x, y ){
    this.x = x;
    this.y = y;
  };
  fun.prototype.GetHair = function(){
    return `${this.x}掉了两根头发,${this.y}说俺也一样!`;
  };
  let setHair = new fun('小明','老王');
  console.log(setHair.GetHair()); // 小明掉了两根头发,老王说俺也一样!

Voyons comment écrire les classes ES6 :

 class Interest {
    constructor( x, y, e, z ){
      this.x = x;
      this.y = y;
      this.e = e;
      this.z = z;
    }
    MyInterest(){
      let arr = [];
      console.log(`我会${[...arr,this.x,this.y,this.e,this.z]}!`);
    }
  }
  let GetInterest = new Interest('唱','跳','rap','篮球');
  console.log(GetInterest.MyInterest());  //我会唱,跳,rap,篮球!

Les classes ES6 peuvent être considérées comme un simple sucre syntaxique, et la plupart de ses fonctions, ES5 peut tout faire.La nouvelle méthode d'écriture de classe rend simplement la méthode d'écriture de prototype d'objet plus claire et ressemble davantage à la syntaxe de la programmation orientée objet. La méthode constructeur est la méthode de construction, et le mot-clé this représente l'objet instance. Autrement dit, le constructeur Point de ES5 correspond à la méthode constructeur de la classe Point de ES6.

6. Utilisez le mot-clé import pour déclarer les variables

import pour le chargement des fichiers. Ce qui est reçu entre accolades est un ou plusieurs noms de variables. Ces noms de variables doivent être les mêmes que les noms de variables souhaités. à importer.

举个栗子:你想要导入action.js文件中的某一个变量,这个变量里保存了一段代码块,所以你要写成:import { Button } from 'action',这个时候,你就从action.js中获取到了一个叫 Button 的变量,既然获取到了,你就可以对Button里的代码猥琐欲为了

如果想为输入的变量重新取一个名字,import命令要使用as关键字,将输入的变量重命名,比如:

import { NewButton as Button } from 'action.js';

上面的代码表示从action.js文件中,获取一个变量名称叫做Button的代码段,然后你又声明了一个变量 NewButton ,将 Button 保存在 NewButton

【相关推荐:javascript视频教程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!

Déclaration:
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