js 常见基础问题 var、let、const的区别

var、let 和 const 是 JavaScript 中用来声明变量的关键字，它们之间有几个关键的区别：

1.变量提升（Hoisting）:

• var 声明的变量会被提升到作用域的顶部，这意味着你可以在声明之前访问它们，值为 undefined。
• let 和 const 声明的变量不会被提升，如果你在声明之前尝试访问它们，会抛出一个 ReferenceError。

2.块级作用域（Block Scope）:

• var 是函数作用域，如果在函数外部声明，则作用域是全局的。
• let 和 const 是块级作用域，这意味着它们只能在花括号 {} 内部访问。

3.可重新赋值性:

• var 和 let 都允许重新赋值。
• const 声明的变量必须初始化，并且之后不能被重新赋值。

4.初始值:

• var 和 let 可以在声明时省略初始值。
• const 必须在声明时初始化，因为它的值不能被改变。

5.内存地址:

• const 声明的变量指向的内存地址在初始化后不能被改变，但如果它包含的是一个对象或数组，对象的属性或数组的元素是可以被修改的。

6.声明提前:

• var 声明的变量会被提前到作用域顶部，但不会被初始化。
• let 和 const 声明的变量不会被提前，它们只有在声明到达时才会被初始化。

在 JavaScript 中，"变量提升"（Variable Hoisting）和"声明提升"（Declaration Hoisting）通常是指同一个概念，即变量和函数声明在代码执行前被提升到它们所在作用域的顶部。不过，严格来说，它们之间存在一些细微的差别：

1.变量提升（Variable Hoisting）:

• 指的是使用 var 关键字声明的变量会被提升到作用域的顶部。
• 变量提升包括变量的声明和初始化（如果有的话）。
• 如果没有初始化，变量会被自动初始化为 undefined。

2.声明提升（Declaration Hoisting）:

• 通常用于指代函数声明的提升，即函数声明会被提升到作用域的顶部。
• 函数声明的提升包括函数的定义，这意味着你可以在声明之前调用函数，并且调用是有效的。
• 对于函数表达式（Function Expressions），包括箭头函数（Arrow Functions），不会被提升。

在实际使用中，这两个术语经常交替使用，因为它们描述的是同一个现象：在代码执行之前，声明（无论是变量还是函数）会被移动到作用域的顶部。重要的是要理解，只有函数声明（Function Declarations）会被提升，而函数表达式（Function Expressions）和变量声明（Variable Declarations）则不会被提升。

        总结来说，如果你需要一个变量在整个作用域内保持不变，并且指向一个不变的值（比如字符串、数字、布尔值、null 或 undefined），那么应该使用 const。如果你需要一个可以在整个作用域内被重新赋值的变量，那么应该使用 let。尽量避免使用 var，因为它的行为在某些情况下可能不符合预期。