L'évolution de la manière dont les identifiants sont générés dans les compétences JS_javascript

1.Ère ES5

var
fonction
Nous savons que JS n'est pas comme d'autres langages comme Java et Ruby. Il utilise uniquement le mot-clé var pour nommer les variables. Quel que soit le type de données, il est déclaré avec var. le langage n'a pas de type. Son type est déterminé au moment de l'exécution. La conversion est implicite (selon l'opérateur). Dans d'autres langages tels que Java, les mots-clés pour déclarer des nombres incluent int, float, double et long.

// JS
var num1 = 10;   // 整数
var num2 = 10.1;  // 浮点数
var str   = 'John'; // 字符串
var boo   = false; // 布尔
var obj   = {};  // 对象

// Java
int num1   = 10;
double num2  = 10.2;
String str   = "John";
Boolean boo = false;
 

En plus d'utiliser var pour générer des identifiants en JS, il existe également un mot-clé de fonction qui peut également générer des identifiants. L'identifiant d'une déclaration de type de fonction peut être une fonction, une méthode ou un constructeur (classe).

// functions
function fetchData(url, param) {
  // ... 
}
 
// methods
var obj = {
  getUrl: function() {
  }
};
 
// class
function Person(name, age) {}
Person.prototype = {
}
 

2. Ère ES6

var
fonction
laissez
const
classe
Comme vous pouvez le constater, ES6 ajoute trois mots-clés let/const/class pouvant générer des identifiants. let/const est utilisé pour déclarer des variables et class est utilisé pour définir des classes.

// 定义普通变量
let name = 'John';
for (let i = 0; i < arr.length; i++) {
}
if (boo) {
  let obj = {};
  ...
}
 
// 定义常量
const PI = 3.1415926;
const $el = $('.nav');
 
// 定义类
class Point {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }
  toString() {
    return '('+this.x+', '+this.y+')';
  }
}

À l'ère ES6, vous pouvez imaginer que notre style de codage devrait être "moins de var et plus de let". let et const ont une portée au niveau du bloc et aucune promotion de variable n'aura lieu. Lors de la déclaration d'une classe, class sera également utilisé. Le mot-clé class partage certaines des tâches de la fonction.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.