Files

camperbot 0d26a9e29d chore(i18n,learn): processed translations (#45235 )

2022-02-25 03:41:18 +09:00

id, title, challengeType, forumTopicId, dashedName

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);

上記のコードで、変数 camper は最初は James として宣言されていますが、その後 David に上書きされています。そのためコンソールには文字列 David が表示されます。

小規模なアプリケーションであれば、こうした問題は起きにくいかもしれまん。しかし、コードの規模が大きくなると、変数を意図せずに誤って上書きしてしまう可能性が高くなります。このような動作はエラーを返さないため、バグを見つけて修正することが難しくなります。

JavaScript の大きなアップデートとなった ES6 では、varキーワードに伴うこうした潜在的な問題を解決するために let というキーワードが導入されました。以降のチャレンジでは ES6 の他の機能についても学習します。

上記のコードの var を let に置き換えた場合、結果はエラーになります。

let camper = "James";
let camper = "David";

エラーはブラウザーコンソールで確認できます。

var とは違って、let を使用する場合は、同じ名前を持つ変数は一度だけしか宣言できません。

--instructions--

let キーワードだけを使用するようにコードを更新してください。

var がコード内に存在しない必要があります。

assert.notMatch(code, /var/g);

catName は文字列 Oliver である必要があります。

assert.equal(catName, 'Oliver');

catSound は文字列 Meow! である必要があります。

assert.equal(catSound, 'Meow!');

var catName = "Oliver";
var catSound = "Meow!";

let catName = "Oliver";
let catSound = "Meow!";