在 JavaScript 中，有三种声明变量的方式：var、let 和 const。虽然这三种方式都可以用来声明变量，但它们之间存在着一些差异。在本篇文章中，我们将详细讨论它们之间的不同点，并提供一些示例代码，使读者能够更好地理解这些知识。
VAR
var 是 JavaScript 中存在最久的声明变量的方式。它的语法很简单：
var x = 5;
var 可以重复声明一个已存在的变量，而且也可以在变量声明之前使用它。这种“变量提升”的行为对于一些程序员来说可能会产生困惑和错误。
console.log(a); // 输出 "undefined" var a = "hello world";
var 声明的变量作用域是函数级别的。这意味着，如果一个变量在函数内部被声明，那么它只在该函数内部有效：
function myFunction() {
var x = 10;
console.log(x); // 输出 10
}
myFunction();
console.log(x); // 报错在 ES6 之前，var 是唯一可用的方式来声明变量。但是，它有许多缺点，导致在现代的 JavaScript 中，人们更倾向于使用 let 和 const。
LET
let 是 ES6 中引入的新的声明变量的方式。它的语法与 var 很相似：
let x = 5;
与 var 不同，let 声明的变量无法重复声明。如果你尝试在同一作用域中声明同名的变量，就会收到一个错误：
let x = 5; let x = 10; // 报错
let 声明的变量是块级作用域的。这意味着，如果一个变量在一个块中声明（例如在一个 {} 中），则它只在该块中有效。let 的这种行为避免了 var 中的变量提升问题。
{
let x = 5;
}
console.log(x); // 输出 "undefined"在提高代码质量和可读性方面，使用 let 也有帮助。let 使得变量的作用域变得更加明确，从而降低了出错的概率。
CONST
const 也是 ES6 中引入的一种新的声明变量的方式。它具有 let 的所有特点，并且还有一个非常重要的区别：一旦 const 定义了一个变量，它的值就无法更改。
const PI = 3.14; PI = 3.141592653; // 报错
在使用 const 时，必须在定义时为其赋值，并且无法重复定义：
const PI = 3.14; const PI = 3.141592653; // 报错
const 声明的变量同样是块级作用域的。
通常情况下，我们倾向于使用 const 来声明那些不应该被更改的数据（例如固定的数值、字符串或对象）。使用 const 可以确保这些数据在程序中得到了保护。
结论
在 JavaScript 中，有三种声明变量的方式：var、let 和 const。虽然它们之间有很多相似之处，但也存在着一些区别。为了在代码中获得最佳的性能和可读性，我们应该尽可能地使用 let 和 const，而默认情况下不使用 var。
示例代码
下面是一些示例代码，演示了在 var、let 和 const 中声明变量的不同方式以及它们在代码中的作用：
-- -------------------- ---- ------- -- --- --- --- ---- - ------- -------- ------- - --- ---- - ------ --------------- ---------- - -------- -- -- --- ---- ------------------ -- -- ------ -- --- --- --- --- - --- -- ---- -- --- - --- ------ - -------- ---------------- --- -- ------------ - -------------------- -- -- -- ----- --- ----- -- - ----- ----- ------ - - ----- ------- ---- -- -- ---------- - --- -- ----------- ------------- - ------- -- -------- ---------------- -- -- ---- -------------------- -- -- - ----- ------- ---- --- ------- ------ -
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fcab9244713626017170e3