JavaScript 作用域

作用域是限制访问变量或函数的区域。在 JacvaScript 中变量有三种作用域 Scope：

• 全局作用域：所有函数之外定义的标识符，可以在程序中任何位置被访问，即全局可用
• 函数作用域：在函数内部定义的标识符，仅可在该函数内部的所有位置可见。使用函数名称或变量名称定义函数时，函数内部也可以引用该函数或变量名称，即自引用。
• 块作用域（默认不含有块作用域）：使用关键字 var 在代码块中，如 if 或循环代码块（代码块用花括号 { } 表示）中，创建的变量可以在块代码之外访问，即不会该变量不会创建块作用域。可以使用 let 和 const（而非 var ）声明变量，将变量作用域限制到块，从而避免在函数中的内嵌代码块内声明的变量被提升到函数作用域顶部。

🎦 变量或函数定义的提升

• 提升 hoisting 是浏览器解析 JavaScript 的结果，即在执行任何 JavaScript 代码之前，所有变量或函数的声明都会被「提升」到其作用域的顶部，这改变了声明的位置和顺序（而 JavaScript 运行代码是依次从上到下执行的），例如在提升变量时只是提升了变量的声明，而赋值语句未被提升，可能会造成难以理解的输出。为了避免提升可使用 let 或 const 定义变量。同时为保证语法和行为相互一致，请在脚本的顶部声明函数、在函数顶部声明变量。
• 函数定义的不同方式，其提升的方式不同
  • 使用 function functionName() 语法声明函数时，函数声明和定义（函数里的实际说明）同时提升到作用域的顶部
  • 使用变量 var functionName = function() 定义匿名函数时，只有函数的声明（例如 var functionName）提升到作用域的顶部

var outsideExample = "First string";
if (true) {
    var outsideExample = "Second string";
    console.log(outsideExample);
}
console.log(outsideExample);

> Second string
> Second string

var outsideExample = "First string";
function example() {
    var outsideExample = "Second string";
}
example();
console.log(outsideExample);

> First string

var outsideExample = "First string";
function example() {
    outsideExample = "Second string";
}
example();
console.log(outsideExample);

> Second string