Comparez let, var et const : leur signification et leur champ d'application-js tutoriel-php.cn

Comparez let, var et const : leur signification et leur champ d'application

王林

Libérer： 2024-02-19 19:32:06

original

977 Les gens l'ont consulté

Comparez let, var et const : leur signification et leur champ dapplication

Parsing let, var et const : leurs significations respectives et leurs scénarios d'application nécessitent des exemples de code spécifiques

En JavaScript, nous utilisons souvent let, var et const pour déclarer des variables. Ces trois mots-clés représentent différentes méthodes de déclaration de variables et règles de portée. Cet article analysera la signification de let, var et const et illustrera leur application dans différents scénarios.

let mot-clé
let est une nouvelle méthode de déclaration de variable introduite dans ES6. Il a une portée au niveau du bloc, ce qui signifie qu'il est valide dans la portée déclarée au niveau du bloc et n'est pas accessible au-delà de la portée. L'utilisation de let peut éviter les problèmes de pollution variable et de confusion de portée.

L'exemple de code est le suivant :

function example() {
  let x = 10;
  if (true) {
    let x = 20;
    console.log(x); // 输出 20
  }
  console.log(x); // 输出 10
}
example();

Copier après la connexion

Dans l'exemple ci-dessus, nous avons utilisé deux variables let déclarées différentes x< dans la fonction <code>exemple /code >. Le x redéclaré dans le bloc d'instructions if n'est valide que dans le bloc, tandis que le x à l'intérieur de la fonction n'est pas affecté. example中使用了两个不同的let声明的变量x。在if语句块中重新声明的x只在该块内有效，而函数内部的x则不受影响。

var 关键字
var是JavaScript早期就存在的变量声明方式。它具有函数作用域，意味着在声明的函数作用域内有效，超出作用域同样无法访问。使用var声明的变量会被提升到函数的顶部。

示例代码如下：

function example() {
  var x = 10;
  if (true) {
    var x = 20;
    console.log(x); // 输出 20
  }
  console.log(x); // 输出 20
}
example();

Copier après la connexion

在上面的例子中，我们同样在if语句块内使用了两个不同的var声明的变量x。由于var的变量声明会被提升到函数的顶部，所以在if语句块外部的console.log(x)输出的是块内重新赋值之后的值20。

需要注意的是，使用var声明的变量可以重复声明，这可能会导致变量污染和作用域混乱的问题。

const 关键字
const是用来声明常量的关键字。声明的常量的值在初始化后不能被修改，且具有块级作用域。

示例代码如下：

function example() {
  const x = 10;
  if (true) {
    const x = 20;
    console.log(x); // 输出 20
  }
  console.log(x); // 输出 10
}
example();

Copier après la connexion

在上面的例子中，我们同样使用了两个不同的const声明的常量x。虽然在块内重新声明了常量x，但由于const声明的常量值不能被修改，所以块内重新声明的常量只在块内有效，不能影响到外部的常量x

var est une méthode de déclaration de variable qui existait aux débuts de JavaScript. Il a une portée de fonction, ce qui signifie qu'il est valide dans la portée de la fonction déclarée et n'est pas accessible au-delà de la portée. Les variables déclarées à l'aide de var sont hissées en haut de la fonction.

déclarées par <code>var

if

console.log(x)

if

x

const

x

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!