在 TypeScript 中，我们经常会使用 var 关键字来声明变量。但是，var 存在一些问题，比如变量作用域的问题和变量提升等等。因此，尽量避免使用 var 的做法是值得推荐的。
为什么要避免使用 var
变量作用域的问题
在 JavaScript 中，var 声明的变量是有函数作用域的，而不是块级作用域，这会导致出现一些意想不到的结果。
例如下面的代码：
-- -------------------- ---- -------
-------- ----- -
-- ------ -
--- - - ---
-
---------------
-
------ -- -- --在上面的代码中，如果使用 let 声明 x，则输出的结果是 ReferenceError: x is not defined。但是，如果使用 var 声明 x，则输出的结果是 10。这是因为 var 的作用域是整个函数，因此在函数内部，x 可以被访问。
变量提升的问题
在 JavaScript 中，var 声明的变量存在变量提升的问题。也就是说，var 声明的变量可以在声明之前被访问。
例如下面的代码：
console.log(a); // 输出 undefined var a = 10;
在上面的代码中，虽然 a 在声明之前被访问了，但是并不会报错。而是输出了 undefined。这是因为，在执行代码之前，变量声明会被提升到代码的顶部，因此可以在声明之前访问变量。
可读性差
使用 var 声明变量的代码可读性较差，因为它无法清晰地表达变量的作用域。
推荐使用 let 和 const
为了避免 var 带来的问题，我们可以使用 let 和 const 来声明变量。
let
let 声明的变量是块级作用域，可以在任意区块中声明，包括函数内部。
例如下面的代码：
-- -------------------- ---- -------
-------- ----- -
-- ------ -
--- - - ---
-
--------------- -- ------------------ - -- --- -------
-
------在上面的代码中，如果使用 let 声明 x，则会报错，因为 x 的作用域只在 if 语句块内部。
const
const 声明的变量也是块级作用域，但是它声明的变量不能被重新赋值。
例如下面的代码：
const a = 10; a = 20; // 报错：TypeError: Assignment to constant variable.
在上面的代码中，因为 a 是 const 声明的，所以不能被重新赋值。
总结
在 TypeScript 中，尽量避免使用 var 关键字，建议使用 let 或 const 来声明变量。这样可以减少变量作用域和变量提升等问题，并且可以提高代码的可读性。
-- -------------------- ---- -------
-------- ----- -
-- ------ -
--- - - ---
---------------
-
-- --------------- -- ------------------ - -- --- -------
-
------const a = 10; // a = 20; // 报错：TypeError: Assignment to constant variable. console.log(a); // 输出 10
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ec7e71f6b2d6eab36cd00e