理解 JavaScript 中的 `let` 和 `var` 区别

JavaScript 作为一门动态语言，它的变量声明方式多种多样。自从 ES6 标准发布后，我们又多了两个新的关键词来声明变量——let 和 const。相比传统的 var 关键字，let 和 const 提供了更精确的变量作用域管理和更严格的变量使用规则。本篇文章将详细探讨 let 和 var 的主要区别，以及在实际编码中分别适用的场景。

作用域规则

var 作用域（函数作用域）

使用 var 声明的变量，它的作用域被限制在最近的函数体内，即所谓的“函数作用域”。这样的话，即使变量在代码块（如 {} 中）的内部声明，它也能在整个函数体内访问。

function run() {
   
  var foo = "Foo";
  console.log(foo); // Foo
  
  {
   
    var moo = "Mooo";
    console.log(moo); // Mooo
  }
  
  console.log(moo); // Mooo
}

run();

let 作用域（块级作用域）

let 声明的变量则只在其最近的块级作用域内有效，也就是说它们只能在包含它们的 {} 内部访问，这一特性可以有效避免变量污染和变量冲突。