javascript初触,变量定义back

发布于 2022-05-20  1.14k 次阅读  共 757 字


探索 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 关键字命名不想重新分配的变量。 这有助于避免给一个常量进行额外的再次赋值。

开发者会用大写字母作为常量标识符,用小写字母或者驼峰命名作为变量(对象或数组)标识符