理解JavaScript中函数的作用域和预解析

在JavaScript中，函数的作用域决定了变量和函数在代码中的可见范围。函数的作用域可以分为全局作用域和局部作用域。全局作用域是整个程序都可以访问的作用域，而局部作用域是函数内部的作用域，只在函数内部可以访问。

// 全局变量
var globalVariable = 10;

// 函数内部的局部变量
function myFunction() {
  var localVariable = 20;
}

console.log(globalVariable); // 输出：10
console.log(localVariable); // 错误：localVariable is not defined

在上面的代码中，globalVariable 是全局变量，可以在整个程序中访问。localVariable 是局部变量，只在 myFunction 函数内部可以访问。当我们尝试在函数外部访问 localVariable 时，会得到一个错误，因为 localVariable 在函数外部是不可见的。

JavaScript还支持变量提升，这意味着变量声明会被提升到函数或块的顶部。变量提升只会影响变量声明，不会影响变量赋值。

function myFunction() {
  console.log(localVariable); // 输出：undefined
  var localVariable = 20;
}

myFunction();

在上面的代码中，localVariable 在函数内部被声明和赋值。但是，由于变量提升，localVariable 的声明被提升到了函数的顶部。这意味着在函数执行时，localVariable 已经被声明，但尚未被赋值。因此，当我们在函数内部尝试访问 localVariable 时，会得到一个 undefined 的值。

JavaScript中的预解析是指在代码执行之前对代码进行处理的过程。预解析器会将代码中的变量声明和函数声明提升到代码的顶部。这使得变量和函数在代码执行之前就可以被访问。

console.log(globalVariable); // 输出：10
var globalVariable = 10;

function myFunction() {
  console.log(localVariable); // 输出：undefined
  var localVariable = 20;
}

myFunction();

在上面的代码中，globalVariable 和 myFunction 在代码执行之前就被提升到了代码的顶部。这意味着在函数执行时，globalVariable 和 myFunction 都已经存在了。因此，我们可以