解释ES6引入的let和const与var的区别。

ES6（ECMAScript 2015）引入了let和const这两个新的关键字来声明变量，与之前的var关键字相比，它们提供了更严格的作用域规则和块级作用域。以下是let、const与var之间的主要区别：

文末有我帮助400多位同学成功领取到前端offer的场景题哦

1. 块级作用域：
   1. var声明的变量具有函数作用域或全局作用域，不具备块级作用域（即一对花括号{}内部）。
   2. let和const声明的变量具有块级作用域，这意味着它们只在其声明的代码块内可用。
2. 变量提升（Hoisting）：
   1. 使用var声明的变量存在变量提升（hoisting）现象，即变量声明会被提升到其所在作用域的顶部。但变量的赋值仍然保留在原来的位置。
   2. let和const声明的变量不存在变量提升，这意味着在声明之前访问这些变量会抛出ReferenceError。
3. 暂时性死区（Temporal Dead Zone, TDZ）：
   1. 在let或const声明的变量被初始化之前的区域被称为暂时性死区。尝试在暂时性死区内访问这些变量会抛出ReferenceError。
4. 重新声明：
   1. 使用var可以在同一作用域内多次声明同一个变量，而不会报错，但这样做会导致混淆和不可预期的结果。
   2. let和const不允许在同一作用域内重复声明同一个变量，否则会抛出SyntaxError。
5. 常量声明：
   1. var和let都可以声明可变的变量。
   2. const用于声明一个常量，其值在初始化后不能被重新赋值。但需要注意的是，const声明的变量指向的内存地址是不可变的，但如果该变量引用的是一个对象或数组，对象或数组内部的值是可以改变的。
6. 全局作用域中的声明：
   1. 在全局作用域中使用var声明的变量会成为全局对象的属性（在浏览器中是window对象）。
   2. 使用let和const在全局作用域中声明的变量不会成为全局对象的属性，它们只存在于全局作用域中。

通过引入let和const，ES6为JavaScript提供了更清晰的作用域规则和更安全的变量声明方式，有助于减少因变量提升和全局变量污染导致的错误。

堪称2024最强的前端面试场景题，让421人成功拿到offer