在 javascript 中，let、const 和 var 用来声明变量，但它们在三个方面有所不同：

Web Accessibility (WCAG 2 AA))

将 WCAG 2 AA 无障碍标准应用于设计系统、UI 组件和网页——通过可运行的验证器进行对比度计算，采用设计 token 模式使颜色天生可访问，设定排版和焦点状态规则，并提供语义检查清单。适用于构建或审查 UI。

下载

1.范围
2.重新分配
3.吊装

1.范围：

var 是一个函数作用域，意味着我们在函数内的任何位置访问 var 变量，如果我们尝试在函数外部访问它，它将显示错误 undefined
示例：-

function demo(){
  if(true){
    var n = 3;
  }
  console.log(n)
}
console.log(n) //referenceerror: n is not defined
demo();

let & const 是块意味着我们只能在范围内访问它们，否则会显示未定义的错误
示例：-

function demo(){
  if(true){
    let n = 3;
    const m = 5;
     console.log(n) // 3
     console.log(m) // 5
  }
  console.log(n) //referenceerror: n is not defined
  console.log(m) //referenceerror: n is not defined
}
console.log(n) //referenceerror: n is not defined
console.log(m) //referenceerror: n is not defined
demo();

2.重新分配

• var：可以在其范围内重新分配和重新声明。
• let：可以重新赋值，但不能在其范围内重新声明。
• const：不能重新分配或重新声明。变量本身是不可变的，但分配给 const 的对象和数组仍然可以修改 .

3.吊装

• var 被提升，这意味着它在声明之前就可以访问，但它的值将是未定义的，直到代码到达初始化变量的行。
• let 也被提升，但与 var 不同的是，由于“临时死区”，在声明之前无法访问它。
用
• const声明的变量也会被提升，但必须在声明时初始化并且不能重新分配。但是，如果变量是对象或数组，则可以修改其内容（例如，在数组中添加或删除项目）。

// var example
console.log(a); // undefined (due to hoisting)
var a = 10;
console.log(a); // 10

// let example
console.log(b); // ReferenceError: Cannot access 'b' before initialization
let b = 20;
console.log(b); // 20

// const example
const c = 30;
c = 40; // TypeError: Assignment to constant variable