Quelles sont les façons de déclarer des variables dans es6-Questions et réponses frontales-php.cn

Quelles sont les façons de déclarer des variables dans es6

青灯夜游

Libérer： 2023-01-11 09:19:21

original

2237 Les gens l'ont consulté

Comment déclarer des variables : 1. Utilisez la commande var, la syntaxe "var variable name;" 2. Utilisez la commande function; 3. Utilisez la commande cosnt, la syntaxe "const variable name;"; let commande, la syntaxe "let "Nom de la variable" ; 5. Utilisez la commande import ; 6. Utilisez la commande class.

Quelles sont les 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 function. var命令和function命令。

ES6 除了添加let和const命令，还有两种声明变量的方法：import命令和class

ES6 En plus d'ajouter les commandes let et const, il existe deux manières 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) commande var

var a ;　　//undefined
var b = 1;

Copier après la connexion

non défini
var. sur la fenêtre. Utilisez let ou const pour les supprimer. 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. fonction pour diviser la portée. Les accolades "{}" ne peuvent pas la limiter. La portée de var, 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 au niveau de la fonction

. (2) function command

function add(a) {
　　var sum = a + 1;
　　return sum;
}

Copier après la connexion

(3) cosnt

const a;     //报错，必须初始化
const b = 1;

Copier après la connexion

const représente une constanteindex d'une valeur, c'est-à-dire que le pointeur du nom de la variable 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.
doit être initialisée
constant

(4) let command

let a;　　//undefined
let b = 1; 
function add(b) {
　　let sum = b + 1;
　　return sum;
}
let c = add(b);

Copier après la connexion

nécessite le "mode strict javascript":

Il n'y a pas de promotion de variable
Les déclarations répétées ne sont pas autorisées
La portée de la variable déclaré par let est dans la portée au niveau du bloc. Une fois que le let est défini à l'intérieur de la fonction, il n'a aucun impact sur l'extérieur de la fonction (
)Vous pouvez attribuer une valeur à la variable lors de la déclaration. cela, la valeur par défaut n'est pas définie, ou vous pouvez attribuer une valeur à la variable plus tard dans le script, qui ne peut pas être utilisée avant la vie (zone morte temporaire)

(5) commande d'importation 1. introduit son propre système de modules. Exporter par l'exportation et importer par l'importation.

2. Différent de CommonJS, il obtient la référence du module, et la valeur n'est réellement obtenue que lorsqu'elle est utilisée.

3. Par exemple, en js :

  let student = [
    {
      name: &#39;xiaoming&#39;,
      age: 21,
    },
    {
      name: &#39;xiaohong&#39;,
      age: 18
    }
  ]
  export default student; // 这种导出方式，你可以在import时指定它的名称。

Copier après la connexion

4. Dans app.js, on peut l'utiliser comme ceci :

  import StudentList from &#39;./student.js&#39;; //指定名称
  console.log(StudentList[0].name); //xiaoming

Copier après la connexion

(6) class command1 : la classe sert de sucre de syntaxe pour es6. , en fait es5 Cela peut également être réalisé.

  class Point {
    constructor (x, y) {
      this.x = x;
      this.y = y;
    }
    toString () {
      return this.x + &#39;,&#39; + this.y;
    }
  }

Copier après la connexion

//上面是一个类
  Object.assign(Point.prototype, {
    getX () {
      return this.x;
    },
    getY () {
      return this.y;
    }
  })
  let p1 = new Point(1,2);
  console.log(p1.toString()); //1,2
  console.log(p1.getX()); //1
  console.log(p1.getY()); //2
  console.log(Object.keys(Point.prototype)); // ["getX", "getY"]

Copier après la connexion

constructor默认返回实例对象（this），完全可以指定返回其他的对象。
必须用new调用
不存在变量提升
当用一个变量去接受class时，可以省略classname
es6不提供私有方法。

2：使用extends继承

class ThreeDPoint extends Point {
    constructor (x, y, z) {
      console.log(new.target); //ThreeDPoint
      super(x, y);
      this.z = z;
}
    toString () {
      return super.toString() + &#39;,&#39; + this.z;
    }
    static getInfo() {
      console.log(&#39;static method&#39;);
    }
    get z() {
      return 4;
    }
    set z(value) {
      console.log(value);
    }
}
  ThreeDPoint.getInfo(); // "static method"
  let ta = new ThreeDPoint(2,3,4);
  console.log(ta.toString()); //2,3,4
  console.log(ta.z); // 4
  ta.z = 200; // 200
  console.log(Object.getPrototypeOf(ThreeDPoint)); //Point

Copier après la connexion