Compare let, var and const: their meaning and scope of application

Analysis of let, var and const: their respective meanings and application scenarios require specific code examples

In JavaScript, we often use let, var and const to declare variables. These three keywords represent different variable declaration methods and scoping rules. This article will analyze the meaning of let, var and const, and illustrate their application in different scenarios.

1. let keyword
   let is a new variable declaration method introduced in ES6. It has block-level scope, which means it is valid within the declared block-level scope and cannot be accessed beyond the scope. Using let can avoid the problems of variable pollution and scope confusion.

The sample code is as follows:

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

In the above example, we used two different let in the function example Declared variable x. The x redeclared in the if statement block is only valid within the block, while the x inside the function is not affected.

2. var keyword
   var is a variable declaration method that existed in the early days of JavaScript. It has function scope, which means it is valid within the scope of the declared function and cannot be accessed beyond the scope. Variables declared using var are hoisted to the top of the function.

The sample code is as follows:

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

In the above example, we also used two different var# within the if statement block ##Declared variablesx. Since the variable declaration of var will be promoted to the top of the function, the console.log(x) output outside the if statement block is the value 20 after reassignment within the block.

const keyword
3. const is the keyword used to declare constants. The value of a declared constant cannot be modified after initialization and has block-level scope.
   

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

constdeclared constantsx . Although the constant x is redeclared within the block, since the constant value declared as const cannot be modified, the constant redeclared within the block is only valid within the block and cannot affect external constants x.

The above is the detailed content of Compare let, var and const: their meaning and scope of application. For more information, please follow other related articles on the PHP Chinese website!