var
当使用 var 声明变量时，该变量的作用域是在最近的函数体内，而不是块级作用域（例如 if 语句、for 循环等）。这意味着在函数内部，无论变量是在函数的哪个位置声明的，它都可以被访问到。
另外，使用 var 声明的变量具有变量提升（hoisting）的特性。这意味着变量声明会被提升到函数的顶部，无论声明语句是在函数的哪个位置。这使得你可以在变量声明之前使用变量，尽管在实际代码中它们的位置是在变量声明之后。
例如：
function example() {
console.log(x); // 输出 undefined
var x = 5;
console.log(x); // 输出 5
}
example();在这个例子中，var x 声明被提升到了函数的顶部，所以在第一个 console.log 语句中，变量 x 被声明但尚未赋值，因此它的值是 undefined。在第二个 console.log 语句中，x 被赋值为 5，因此输出为 5。
需要注意的是，在使用 var 声明变量时，如果在同一个函数内部多次使用相同的变量名进行声明，后面的声明会覆盖前面的声明，而不会抛出错误。这种行为被称为变量的重复声明。
总结起来，var 声明的变量具有函数作用域，在函数内部任何位置都可以访问，且变量声明会被提升到函数的顶部。然而，由于 var 存在一些容易引发问题的特性，如变量提升和变量的重复声明，推荐使用 let 和 const 来代替 var，以提升代码的可读性和维护性。
const
当使用 const 声明变量时，它创建一个具有块级作用域的常量。常量是指其值在声明后不能被修改的变量。
关于 const 的特性和用法，可以总结如下：
-
块级作用域：
const声明的变量具有块级作用域，它们只在声明的块内部有效，例如在{}内部的代码块中。 -
必须初始化： 在使用
const声明变量时，必须同时进行初始化，即为常量赋予一个初始值。 -
不可重新赋值：
const声明的常量的值在初始化后不能被修改，尝试重新赋值会导致错误。 -
复合数据类型可变性： 对于复合数据类型（如对象和数组），
const只保证变量引用的地址不变，但是可以修改对象或数组本身的属性或元素。
以下是一些示例代码，展示了 const 的用法和行为：
const x = 5;
console.log(x); // 输出 5
x = 10; // 报错，常量不能重新赋值
const obj = { name: 'John' };
obj.name = 'Jane'; // 可以修改对象的属性
const arr = [1, 2, 3];
arr.push(4); // 可以修改数组的元素
const y; // 报错，常量必须初始化 需要注意的是，const 并不表示变量的值是不可变的，而是变量的引用是不可变的。如果需要完全不可变的值，可以考虑使用其他方式，例如使用不可变的数据结构或深度冻结对象。
总结起来，const 用于声明常量，具有块级作用域，必须进行初始化且不能重新赋值，但对于复合数据类型，其属性或元素是可以修改的。使用 const 可以增加代码的可读性和可维护性，以表达意图明确的常量值。
let
-
块级作用域： 使用
let声明的变量具有块级作用域。块级作用域是指变量在声明的块（通常是由{}包裹的代码）内部有效，超出该块就无法访问变量。这使得变量的作用范围更加可控，可以避免变量的意外污染和冲突。 -
不允许重复声明： 在同一个作用域内，不允许使用
let重复声明已存在的变量。这与var不同，var允许重复声明并且不会报错，这可能导致变量被意外覆盖或引起混淆。 -
暂时性死区（Temporal Dead Zone，TDZ）： 当程序执行到
let声明的变量之前，变量进入了暂时性死区，即该变量无法被访问。这是为了避免在变量声明前就使用变量，从而引发错误。只有当程序执行到变量声明的位置时，变量才会被初始化并进入作用域。
下面是一些示例代码，展示了 let 的使用和行为：文章来源：https://www.toymoban.com/news/detail-510070.html
let x = 10;
{
let x = 20;
console.log(x); // 输出 20，内部块级作用域中的 x
}
console.log(x); // 输出 10，外部块级作用域中的 x
let x = 10; // 报错，重复声明 x
console.log(y); // 报错，y 在暂时性死区中
let y = 20;也就是说let和const非常的相似只是let没有const不可重复赋值的特性文章来源地址https://www.toymoban.com/news/detail-510070.html
到了这里，关于const、var、let用法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
