JavaScript の変数を理解する

JavaScript 変数: 初心者ガイド

JavaScript 変数はプログラミングの基本的な構成要素であり、コード内のデータの保存と操作に使用されます。初心者でも JavaScript のベテランでも、変数とその動作を理解することが重要です。

JavaScript 変数とは何ですか?

変数 は、プログラム内で使用および操作できる情報を格納するコンテナーです。簡単に言えば、数値、文字列、その他のデータ型などの必要な情報を保存する方法のようなものです。

JavaScript 変数の重要なポイント:

• JavaScript は動的型付け言語です。つまり、変数の型は実行時に決定されます。
• 変数の型を明示的に定義する必要はありません。

JavaScript には、変数を宣言する 4 つの方法があります。

1. 自動申告
2. let
を使用します
3. var
を使用します
4. const
を使用します

---

JavaScript 変数の命名規則

変数の命名にはいくつかのルールがあります:

1. 使用できる文字: 変数名には、文字 (a ～ z、A ～ Z)、数字 (0 ～ 9)、$、および _ のみを含めることができます。
   • 例: name、data1、sum
2. 開始ルール: 変数名を数字で始めることはできません。
   • 無効な例: 1data、10Name
3. 大文字と小文字を区別: 変数名では大文字と小文字が区別されます。たとえば、result と Result は 2 つの異なる変数です。
4. キーワードの使用を避けます: 予約語 (let、return、const など) を変数名として使用しないでください。
5. キャメルケースを使用します: phoneNumber や phonenumber の代わりに PhoneNumber などのキャメルケースを使用します。
6. ハイフンは使用できません: 変数名にはハイフン (-) を使用できません。
7. 意味のある名前を使用します: 常に、変数に格納される内容を明確に示すわかりやすい名前を使用します。
8. 単一文字の使用を避ける: 必要な場合 (ループ内など) を除き、単一文字の名前 (例: x、a) の使用を避けてください。

---

JavaScript 変数の型

1.自動申告

JavaScript は明示的に宣言せずに変数に値を割り当てることができます:

<code class="language-javascript">x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出：15</code>

2. var

を使用します。

• var を使用して宣言された変数には、関数スコープまたはグローバル スコープがあります。
• は JavaScript の以前のバージョンで導入されましたが、現在は廃止されたものとみなされ、通常は let または const に置き換えられます。

文法:

<code class="language-javascript">var variable_name = value;</code>

例:

<code class="language-javascript">x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出：15</code>

3. let

を使用します。

• ES6 で導入された let にはブロック スコープがあります。
• 変数値の更新は許可されますが、同じスコープ内での再宣言は許可されません。

文法:

<code class="language-javascript">var variable_name = value;</code>

例:

<code class="language-javascript">var numOne = 20;
var numTwo = 30;

var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);</code>

4. const

を使用します。

• ES6 で導入された const にもブロック スコープがあります。
• その値を更新したり再計算したりすることはできません。

文法:

<code class="language-javascript">let variable_name = value;</code>

例:

<code class="language-javascript">let a = 10;
a = 15; // 允许：更新值
console.log(a); // 输出：15

let b = 20;
// let b = 25; // 错误：无法在同一作用域中重新声明变量</code>

---

var、let、const

の違い キーワード 範囲 更新できますか? 言い換えることはできますか? 備考

关键字	作用域	可以更新？	可以重新声明？	备注
var	函数作用域	是	是	不遵守块作用域
let	块作用域	是	否	用于需要更新的变量
const	块作用域	否	否	最适合常量和不可变值

関数スコープ はい はい ブロックスコープを尊重しません ブロック範囲 はい いいえ 更新する必要がある変数の場合 ブロック範囲 いいえ いいえ 定数および不変値に最適 テーブル>

---

JavaScript スコープ

変数のスコープによって、プログラム内のどこにアクセスできるかが決まります。

グローバル スコープ: どこからでもアクセス可能。

<code class="language-javascript">x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出：15</code>

ローカル スコープ: 関数内で宣言され、関数内でのみアクセスできます。

<code class="language-javascript">var variable_name = value;</code>

ブロックスコープ: 宣言されているブロック内でのみ使用可能です。

<code class="language-javascript">var numOne = 20;
var numTwo = 30;

var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);</code>

関数のスコープ: var を使用して宣言された変数に固有。

---

重要なヒント

宣伝:

• var で宣言された変数は、スコープの先頭に引き上げられますが、実行されるまで初期化されないままになります。
• let と const を使用して宣言された変数もプロモートされますが、宣言前は「一時的なデッド ゾーン」にあります。

例:

<code class="language-javascript">let variable_name = value;</code>

---

ベストプラクティス

1. 変更されない値には const を使用します。
2. 更新する変数には let を使用します。
3. 最新の JavaScript では var の使用を避けてください。

---

面接でよくある質問

1. var、let、const はどう違いますか?
2. JavaScript 変数のスコープは何ですか?
3. 変数のホイスティングを例を挙げて説明します。
4. を使用して宣言された変数に const を再代入できますか?
5. var、let、または const を使用せずに変数を宣言するとどうなりますか?
6. let の代わりに const と var を使用することが推奨されるのはなぜですか?
7. JavaScript の一時的なデッドゾーンとは何ですか?
8. let と const を使用してブロックのスコープを示すコード スニペットを作成します。
9. JavaScript の動的型とは何ですか?
10. JavaScript は変数の再宣言をどのように処理しますか?

---

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