JavaScript 中 let、const、var 的区别？

strong console 重新 referenceerror 820 来源： 2024-10-22

在 javascript 中，let、const 和 var 用来声明变量，但它们在三个方面有所不同：

1.范围
2.重新分配
3.吊装

1.范围：

var 是一个函数作用域，意味着我们在函数内的任何位置访问 var 变量，如果我们尝试在函数外部访问它，它将显示错误 undefined
示例：-

function demo(){
  if(true){
    var n = 3;
  }
  console.log(n)
}
console.log(n) //referenceerror: n is not defined
demo();

let & const 是块意味着我们只能在范围内访问它们，否则会显示未定义的错误
示例：-

function demo(){
  if(true){
    let n = 3;
    const m = 5;
     console.log(n) // 3
     console.log(m) // 5
  }
  console.log(n) //referenceerror: n is not defined
  console.log(m) //referenceerror: n is not defined
}
console.log(n) //referenceerror: n is not defined
console.log(m) //referenceerror: n is not defined
demo();

2.重新分配

var：可以在其范围内重新分配和重新声明。
let：可以重新赋值，但不能在其范围内重新声明。
const：不能重新分配或重新声明。变量本身是不可变的，但分配给 const 的对象和数组仍然可以修改 .

3.吊装

var 被提升，这意味着它在声明之前就可以访问，但它的值将是未定义的，直到代码到达初始化变量的行。
let 也被提升，但与 var 不同的是，由于“临时死区”，在声明之前无法访问它。
const声明的变量也会被提升，但必须在声明时初始化并且不能重新分配。但是，如果变量是对象或数组，则可以修改其内容（例如，在数组中添加或删除项目）。

// var example
console.log(a); // undefined (due to hoisting)
var a = 10;
console.log(a); // 10

// let example
console.log(b); // ReferenceError: Cannot access 'b' before initialization
let b = 20;
console.log(b); // 20

// const example
const c = 30;
c = 40; // TypeError: Assignment to constant variable

上一篇：语义HTML

下一篇：Day / Days of Code：拥抱 JavaScript 的优雅

JavaScript 中 let、const、var 的区别？

1.范围：

2.重新分配

3.吊装

推荐文章

热门文章