2.1 KiB
2.1 KiB
id | title | challengeType | forumTopicId | dashedName |
---|---|---|---|---|
587d7b87367417b2b2512b3f | 探索 var 和 let 关键字之间的差异 | 1 | 301202 | explore-differences-between-the-var-and-let-keywords |
--description--
使用 var
关键字来声明变量,会出现重复声明导致变量被覆盖却不会报错的问题。
var camper = 'James';
var camper = 'David';
console.log(camper);
这里控制台将显示字符串 David
。
在上面的代码中,camper
变量的初始值为 James
,然后又被覆盖成了 David
。 在小型的应用中,你可能不会遇到这样的问题。但是当你的代码规模变得更加庞大的时候,就可能会在不经意间覆盖了之前定义的变量。 因为这样的情况不会报错,所以搜索和修复 bug 会变得非常困难。
在 ES6 中引入了新的关键字 let
来解决 var
关键字带来的潜在问题。 如果你在上面的代码中使用 let
关键字来代替 var
关键字,结果会是一个报错。
let camper = 'James';
let camper = 'David';
你可以在浏览器的控制台里看见这个错误。 与 var
不同的是,当使用 let
的时候,同一名字的变量只能被声明一次。 请注意 "use strict"
。 这代表着开启了严格模式,用于检测常见的代码错误以及“不安全”的行为, 例如:
"use strict";
x = 3.14;
这将显示一个错误 x is not defined
。
--instructions--
请更新这段代码,只使用 let
关键字。
--hints--
代码中不应有 var
(getUserInput) => assert(!getUserInput('index').match(/var/g));
catName
变量的值应该为 Oliver
assert(catName === 'Oliver');
quote
变量的值应该为 Oliver says Meow!
assert(quote === 'Oliver says Meow!');
--seed--
--seed-contents--
var catName;
var quote;
function catTalk() {
"use strict";
catName = "Oliver";
quote = catName + " says Meow!";
}
catTalk();
--solutions--
let catName;
let quote;
function catTalk() {
'use strict';
catName = 'Oliver';
quote = catName + ' says Meow!';
}
catTalk();