JavaScript 変数: let vs const vs var

簡略化された JavaScript: インタラクティブな Web 開発をマスターするための初心者ガイド

投稿 4/30: JavaScript の変数を理解する

この投稿では、変数とは何か、変数を宣言する方法、JavaScript で変数がどのように機能するかについて説明します。

---

変数とは何ですか?

変数は、後で使用できるように JavaScript に値を保存する方法です。変数は、物を保管し、必要なときに取得できるラベル付きのボックスのようなものだと考えてください。

たとえば、コード内で「John」を複数回記述する代わりに、それを変数に保存してどこでも使用できます。

---

JavaScript での変数の宣言

JavaScript では、変数を宣言する 3 つの方法が提供されています。

• var (古い方法、非推奨)
• let (モダンで変更可能な値に推奨)
• const (変更すべきでない値の場合)

1. let の使用 (推奨)

let name = "John";
console.log(name);

出力:

John

ここでは、

• nameという変数を作成しました
• 値「John」を割り当てました
• console.log() を使用して name の値を出力しました

2. const の使用 (定数値の場合)

const PI = 3.1416;
console.log(PI);

出力:

3.1416

• const は、変更すべきでない値に使用されます。
• 一度割り当てられると、新しい値を PI に再割り当てすることはできません。

3. var の使用 (古い方法 - 使用は避ける)

var age = 25;
console.log(age);

出力:

25

• var は let や const の前によく使用されていましたが、スコープの問題があるため、代わりに let または const を使用してください。

---

変数値の変更

let では変数の値を変更できますが、const では変更できません。

let を使用した例:

let city = "New York";
console.log(city); // Output: New York

city = "Los Angeles"; // Changing the value
console.log(city); // Output: Los Angeles

const を使用した例 (エラーが発生します)

const country = "USA";
console.log(country);

country = "Canada"; // ❌ This will cause an error
console.log(country);

エラー: キャッチされない TypeError: 定数変数への代入。

---

変数の命名規則

変数に名前を付けるときは、次の規則に従ってください:

✔️ 文字、数字、$、_

を含めることができます ✔️ 文字、$、または _ (数字ではありません)

で始める必要があります ✔️ 大文字と小文字を区別します (名前と名前は異なります)

✔️ 予約されたキーワード (let、console、function など)

は使用できません。

有効な変数名の例:

let name = "John";
console.log(name);

無効な変数名の例:

John

---

実践的な演習: 値の保存と変更

script.js ファイルでこれを試してください:

const PI = 3.1416;
console.log(PI);

期待される出力:

3.1416

---

次のステップ

変数の仕組みが理解できたので、次のステップは、JavaScript のデータ型 (数値、文字列、ブール値などを含む) を調べることです。

次の投稿をお楽しみに！ ?

---

プロのヒント:

?値が変更されることが予想される場合は let を使用します。

?値を同じに保つ必要がある場合は const を使用します。

?特に必要な場合を除き、var は避けてください。

LinkedIn でフォローしてください - リドイ・ハサン
私のウェブサイトにアクセスしてください - Ridoyweb
*私の代理店の Web サイトにアクセスしてください *- webention デジタル

以上がJavaScript 変数: let vs const vs varの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。