JS基础知识---Hoisting

JS提升 （Hoisting）

• 本笔记参照W3School学习的
• Hoisting（提升） 是 JavaScript 将所有声明提升到当前作用域顶部的默认行为（提升到当前脚本或当前函数的顶部）。

JS声明会被提升

在 JavaScript 中，可以在使用变量之后对其进行声明。

换句话说，可以在声明变量之前使用它。

let 和 const 关键词

用== let== 或者== const == 声明的变量和常量不会被提升！

在声明 let 变量之前就使用它会导致 ReferenceError。

变量从块的开头一直处于“暂时死区”，直到声明为止：

ECMAScript 2015(let)

ES2015 引入了两个重要的 JavaScript 新关键词：let 和 const。

这两个关键字在 JavaScript 中提供了块作用域（Block Scope）变量（和常量）。

在 ES2015 之前，JavaScript 只有两种类型的作用域：全局作用域和函数作用域。在 ES2015 之前，JavaScript 是没有块作用域的。

JS块作用域：

• 通过var 声明的变量没有块作用域，在块{ }内声明的变量可以从块之外进行访问

{
    
  var x = 10; 
}
// 此处可以使用 x

• 可以使用 let 关键词声明拥有块作用域的变量。在块 {} 内声明的变量无法从块外访问：

{
    
  let x = 10;
}
// 此处不可以使用 x

重新声明变量

使用 var 关键字重新声明变量会带来问题。

在块中重新声明变量也将重新声明块外的变量：

var x = 10;
// 此处 x 为 10
{
    
  var x = 6;
  // 此处 x 为 6
}
// 此处 x 为 6

使用 let 关键字重新声明变量可以解决这个问题。

在块中重新声明变量不会重新声明块外的变量：

**eg: **

var x = 10;
// 此处 x 为 10
{
    
  let x = 6;
  // 此处 x 为 6
}
// 此处 x 为 10

循环作用域

• 在循环中使用var：

var i = 7;
for (var i = 0; i < 10; i++) {
  // 一些语句
}
// 此处，i 为 10

• 在循环中使用let：

let i = 7;
for (let i = 0; i < 10; i++) {
  // 一些语句
}
// 此处 i 为 7

• 在第一个例子中，在循环中使用的变量使用 var 重新声明了循环之外的变量。

• 在第二个例子中，在循环中使用的变量使用 let 并没有重新声明循环外的变量。

• 如果在循环中用 let 声明了变量 i，那么只有在循环内，变量 i 才是可见的。

函数作用域

在函数内声明变量时，使用 var 和 let 很相似。

function myFunction(