【JavaScript】 var let const 的区别

在JavaScript中,let、var和const是用于声明变量的关键字,它们之间有一些重要的区别:

var:

  • var是在ES5(ECMAScript 5)中引入的声明变量的关键字。
  • 变量声明的作用域是函数作用域,而不是块级作用域。这意味着在函数内声明的变量在整个函数范围内都是可见的。
  • 如果在块级作用域内(例如if语句、for循环等)使用var声明变量,该变量将成为函数范围内的变量。
  • var声明的变量可以被重新赋值和重新声明。

let:

  • let是在ES6(ECMAScript 2015)中引入的声明变量的关键字。

  • let声明的变量具有块级作用域,意味着在{}内声明的变量只在该块内部可见,在外部不可访问。

  • let声明的变量可以被重新赋值,但不可以重新声明。

const:

  • const也是在ES6中引入的,它用于声明常量(值不能被修改)。
  • const声明的变量同样具有块级作用域,只在声明它的块内有效。
  • const声明的变量必须在声明时初始化,而且不能重新赋值和重新声明。但请注意,这不表示它声明的对象或数组的内容是不可变的,只是指不能将const变量指向另一个不同的内存地址。

示例:

// 使用 var
function exampleVar() {
    
    
  if (true) {
    
    
    var x = 10;
    console.log(x); // 输出 10
  }
  console.log(x); // 输出 10,x 在函数作用域内可见
}

// 使用 let
function exampleLet() {
    
    
  if (true) {
    
    
    let y = 20;
    console.log(y); // 输出 20
  }
  console.log(y); // 报错,y 在块级作用域外不可见
}

// 使用 const
function exampleConst() {
    
    
  const z = 30;
  console.log(z); // 输出 30
  z = 40; // 报错,不能重新赋值 const 变量
}

推荐使用let和const来声明变量,因为它们提供了更严格的作用域规则和更安全的变量声明方式。只有在特定情况下需要在整个函数内部使用变量时,才应该使用var。

猜你喜欢

转载自blog.csdn.net/qq_43577613/article/details/131927828