在 JavaScript 中，我们通常使用 var 关键字来声明变量。然而，在 ES6 发布之后，我们也可以使用 let 和 const 来声明变量。此外，还有一种不使用 var 关键字的方式来声明变量。在本文中，我们将深入探讨这一方法。
省略 var 关键字
在 JavaScript 中，当我们声明一个变量时，如果没有使用任何关键字（如 var、let 或 const），那么这个变量就会被默认为全局变量。这意味着该变量能够在代码中的任何地方被访问和修改，甚至是在函数内部。
-- ----- -------- ----- - --- - -------- - ------ ----------------- -- -- -------
在上面的例子中，bar 变量没有使用 var 关键字声明，因此被默认为全局变量。即使 bar 变量是在函数内部赋值的，它仍然可以在函数外部被访问。
虽然这种方式看起来很方便，但实际上并不推荐使用。这是因为全局变量可能会与其他变量冲突，并且在大型应用程序中很难跟踪和调试。
使用 let 和 const
ES6 引入了两个新的关键字：let 和 const。用它们来声明变量时，它们都是有块级作用域的。这意味着在代码块内（如函数或循环）声明的变量只能在该块内部访问。
-------- ----- -
--- --- - --------
-- ------ -
--- --- - --------
----------------- -- -- -------
-
----------------- -- -- --------------
-
------在上面的例子中，baz 变量只能在 if 代码块内部被访问，而在 foo 函数外部则无法访问。
使用 let 和 const 声明变量的另一个好处是可以避免变量提升。变量提升是指在代码执行前将变量声明提前到作用域顶部的过程。这可能会导致一些奇怪的行为，如变量初始化为 undefined 而不是预期的值。
----------------- -- -- ----------- --- --- - -------- ----------------- -- -- -------------- --- --- - --------
在上面的例子中，变量 foo 的声明被提升到了作用域顶部，因此输出结果为 undefined。相比之下，使用 let 声明变量 bar 则会抛出引用错误，因为 bar 在赋值之前无法访问。
总结
虽然可以省略 var 关键字来声明变量，但这并不是一个良好的实践。相反，我们应该使用 let 或 const 来声明块级作用域变量，并避免全局变量和变量提升的问题。
在编写 JavaScript 代码时，请始终使用严格模式，并使用工具（如 ESLint）来检查潜在的问题。
示例代码：
-- --- --- -------
-------- ----- -
--- - --------
----------------- -- -- -------
-
------
----------------- -- -- -------
-- -- --- - -----
-------- ----- -
--- --- - --------
-- ------ -
--- ---- - --------
----------------- -- -- -------
-
------------------ -- -- --------------
- ----------------------------------------------------------- --------
---------------------------------------------------------------------------------------