2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
id: 587d7b87367417b2b2512b41
|
2021-11-06 08:56:52 -07:00
|
|
|
title: 使用 const 关键字声明只读变量
|
2018-10-10 18:03:03 -04:00
|
|
|
challengeType: 1
|
2020-08-04 15:13:35 +08:00
|
|
|
forumTopicId: 301201
|
2021-01-13 03:31:00 +01:00
|
|
|
dashedName: declare-a-read-only-variable-with-the-const-keyword
|
2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --description--
|
|
|
|
|
2021-11-06 08:56:52 -07:00
|
|
|
关键字 `let` 并不是声明变量的唯一新方法。 在 ES6 中,你还可以使用 `const` 关键字声明变量。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
2021-11-06 08:56:52 -07:00
|
|
|
`const` 具有 `let` 的所有出色功能,另外还有一个额外的好处,即使用 `const` 声明的变量是只读的。 它们是一个常量值,这意味着一旦一个变量被赋值为 `const`,它就不能被重新赋值:
|
2020-08-04 15:13:35 +08:00
|
|
|
|
|
|
|
```js
|
|
|
|
const FAV_PET = "Cats";
|
2021-03-14 21:20:39 -06:00
|
|
|
FAV_PET = "Dogs";
|
2020-08-04 15:13:35 +08:00
|
|
|
```
|
|
|
|
|
2021-11-06 08:56:52 -07:00
|
|
|
由于重新分配 `FAV_PET` 的值,控制台将显示错误。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2021-11-06 08:56:52 -07:00
|
|
|
你应该始终使用 `const` 关键字命名不想重新分配的变量。 这有助于避免给一个常量进行额外的再次赋值。
|
2021-03-14 21:20:39 -06:00
|
|
|
|
2021-11-06 08:56:52 -07:00
|
|
|
命名常量的常见做法是全部使用大写字母,单词之间用下划线分隔。
|
|
|
|
|
|
|
|
**注意:** 对于不可变值,开发人员通常使用大写变量标识符,对可变值(对象和数组)使用小写或驼峰式标识符。 你将在后面的挑战中了解有关对象、数组以及不可变和可变值的更多信息。 同样在后面的挑战中,你将看到大写、小写或驼峰式变量标识符的示例。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --instructions--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2021-11-06 08:56:52 -07:00
|
|
|
更改代码,以便使用 `let` 或 `const` 声明所有变量。 当你希望变量改变时使用 `let`,而当你希望变量保持不变时使用 `const`。 此外,重命名用 `const` 声明的变量以符合常见做法,这意味着常量应该全部大写。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --hints--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2021-11-06 08:56:52 -07:00
|
|
|
`var` 不应存在于你的代码中。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
```js
|
2020-12-16 00:37:30 -07:00
|
|
|
(getUserInput) => assert(!getUserInput('index').match(/var/g));
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
|
|
|
|
2021-11-06 08:56:52 -07:00
|
|
|
你应该将 `fCC` 更改为全部大写。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
```js
|
2021-11-06 08:56:52 -07:00
|
|
|
(getUserInput) => {
|
|
|
|
assert(getUserInput('index').match(/(FCC)/));
|
|
|
|
assert(!getUserInput('index').match(/fCC/));
|
|
|
|
}
|
2020-12-16 00:37:30 -07:00
|
|
|
```
|
2020-08-04 15:13:35 +08:00
|
|
|
|
2021-11-06 08:56:52 -07:00
|
|
|
`FCC` 应该是一个用 `const` 声明的常量变量。
|
2020-08-04 15:13:35 +08:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
```js
|
2021-11-06 08:56:52 -07:00
|
|
|
assert.equal(FCC, 'freeCodeCamp');
|
|
|
|
assert.match(code, /const\s+FCC/);
|
2020-12-16 00:37:30 -07:00
|
|
|
```
|
2020-08-04 15:13:35 +08:00
|
|
|
|
2021-11-06 08:56:52 -07:00
|
|
|
`fact` 应该用 `let` 声明。
|
|
|
|
|
|
|
|
```js
|
|
|
|
(getUserInput) => assert(getUserInput('index').match(/(let fact)/g));
|
|
|
|
```
|
|
|
|
|
|
|
|
`console.log` 应该更改为打印 `FCC` 和 `fact` 变量。
|
2020-08-04 15:13:35 +08:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
```js
|
|
|
|
(getUserInput) =>
|
2021-11-06 08:56:52 -07:00
|
|
|
assert(getUserInput('index').match(/console\.log\(\s*FCC\s*\,\s*fact\s*\)\s*;?/g));
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
2020-08-04 15:13:35 +08:00
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
# --seed--
|
|
|
|
|
|
|
|
## --seed-contents--
|
|
|
|
|
|
|
|
```js
|
2021-11-06 08:56:52 -07:00
|
|
|
var fCC = "freeCodeCamp"; // Change this line
|
|
|
|
var fact = "is cool!"; // Change this line
|
|
|
|
fact = "is awesome!";
|
|
|
|
console.log(fCC, fact); // Change this line
|
2021-01-13 03:31:00 +01:00
|
|
|
```
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --solutions--
|
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
```js
|
2021-11-06 08:56:52 -07:00
|
|
|
const FCC = "freeCodeCamp";
|
|
|
|
let fact = "is cool!";
|
2021-01-13 03:31:00 +01:00
|
|
|
|
2021-11-06 08:56:52 -07:00
|
|
|
fact = "is awesome!";
|
|
|
|
console.log(FCC, fact);
|
2021-01-13 03:31:00 +01:00
|
|
|
```
|