JavaScript 中 let、const、var 的区别？

小伙伴们对文章编程感兴趣吗？是否正在学习相关知识点？如果是，那么本文《JavaScript 中 let、const、var 的区别？》，就很适合你，本篇文章讲解的知识点主要包括。在之后的文章中也会多多分享相关知识点，希望对大家的知识积累有所帮助！

在 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

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript 中 let、const、var 的区别？》文章吧，也可关注golang学习网公众号了解相关技术文章。