探索 var 和 let 关键字之间的差异
使用 var
关键字声明变量的最大问题之一是你可以轻松覆盖变量声明:
var camper = "James";
var camper = "David";
console.log(camper);
在上面的代码中,camper
变量最初声明为 James
,然后被覆盖为 David
。 然后控制台显示字符串 David
。
在小型应用程序中,你可能不会遇到此类问题。 但是随着你的代码库变大,你可能会意外地覆盖一个你不打算覆盖的变量。 由于此行为不会引发错误,因此搜索和修复错误变得更加困难。
ES6 中引入了一个名为 let
的关键字,这是对 JavaScript 的一次重大更新,以解决与 var
关键字有关的潜在问题。 你将在后面的挑战中了解其他 ES6 特性。
如果将上面代码中的 var
替换为 let
,则会导致错误:
let camper = "James";
let camper = "David";
该错误可以在你的浏览器控制台中看到。
所以不像 var
,当你使用 let
时,同名的变量只能声明一次。
使用 const 关键字声明只读变量
关键字 let
并不是声明变量的唯一新方法。 在 ES6 中,你还可以使用 const
关键字声明变量。
const
具有 let
的所有出色功能,另外还有一个额外的好处,即使用 const
声明的变量是只读的。 它们是一个常量值,这意味着一旦一个变量被赋值为 const
,它就不能被重新赋值:
const FAV_PET = "Cats";
FAV_PET = "Dogs";
由于重新分配 FAV_PET
的值,控制台将显示错误。
你应该始终使用 const
关键字命名不想重新分配的变量。 这有助于避免给一个常量进行额外的再次赋值。
开发者会用大写字母作为常量标识符,用小写字母或者驼峰命名作为变量(对象或数组)标识符