変数を理解する

変数はあらゆるプログラミング言語のバックボーンであり、JavaScript も例外ではありません。これらはデータ値を保存するためのコンテナーであり、コード全体でのデータの操作と作業が容易になります。初心者でも専門家でも、クリーンで効率的な JavaScript コードを作成するには、変数の基礎をマスターすることが重要です。

変数とは何ですか?

JavaScript の変数は、データの名前付きストレージです。これにより、値を保存し、後からプログラム内で参照できるようになります。

主な特徴:

• 名前: 変数を参照するために使用されるラベル (例: 年齢、ユーザー名)。
• 値: 変数に割り当てられたデータ (例: 25、John Doe)。
• タイプ: 数値、文字列、ブール値など、保存されるデータの種類

変数の宣言

JavaScript では、キーワード var、let、または const を使用して変数を宣言できます

1. var

var キーワードは、JavaScript で変数を宣言するための元の方法でした。現在では、関数のスコープ設定と予期しない動作の可能性があるため、あまり使用されなくなりました。
例:

var message = "Hello world!";
console.log(message);

// Hello, world!

2. しましょう

ES6 (2015) で導入された let はブロックスコープであり、変数の値を変更する必要があるほとんどの場合に推奨されます。
例:

let age = 30;
age = 31; // Updating the value
console.log(age); 

// 31

3. const

const もブロックスコープですが、値を変更すべきではない変数に使用されます。
例:

const pi = 3.14;
// pi = 3.15; // TypeError: Assignment to constant variable
console.log(pi);

// 3.14

変数の命名規則

1. 文字、_、または $ で始める必要があります (例: name、_id、$amount)。
2. 数字で始めることはできません。
3. 大文字と小文字が区別されます (例: 名前と名前が異なります)。
4. if、while、function などの予約キーワードは使用できません。

例:

let firstName = "Alice";
let $price = 50;
let _discount = 10;
console.log(firstName, $price, _discount);

// Alice 50 10

変数のデータ型

JavaScript 変数はさまざまなタイプのデータを保持できます:

1. プリミティブデータ型

• 数値: 例: 42、3.14
• 文字列: 例: 'Hello'、"World"
• ブール値: 例: true、false
• 未定義: 変数は宣言されていますが、値が割り当てられていません。
• Null: 値が意図的に存在しないことを表します。
• シンボル: 一意で不変の値。

例:

let score = 100; // Number
let name = "John"; // String
let isActive = true; // Boolean
let result; // Undefined
let emptyValue = null; // Null
console.log(score, name, isActive, result, emptyValue);

// 100 John true undefined null

2. 複雑なデータ型

• オブジェクト: キーと値のペアのコレクション。
• 配列: 順序付けられた値のリスト。

例:

var message = "Hello world!";
console.log(message);

// Hello, world!

変数の範囲

1. グローバル スコープ: コード内のどこからでもアクセスできます。
2. 関数スコープ: 関数内で var で宣言された変数は、その関数に対して確認されます。
3. ブロックスコープ: let または const で宣言された変数は、宣言されたブロックに対して確認されます。

例:

let age = 30;
age = 31; // Updating the value
console.log(age); 

// 31

ベストプラクティス

1. デフォルトでは const を使用します。値を変更する必要がある場合は、 let に切り替えます。
2. 従来のコードで必要な場合を除き、var の使用を避けてください。
3. 意味のある変数名を選択してください (例: x の代わりに userAge)。
4. 変数の名前付けにはキャメルケースを使用します。
5. 変数を宣言するときに変数を初期化します。

例:

const pi = 3.14;
// pi = 3.15; // TypeError: Assignment to constant variable
console.log(pi);

// 3.14

結論

変数は、JavaScript でデータを保存および操作するために不可欠です。これらの宣言、範囲、ベスト プラクティスを理解することで、クリーンで効率的なコーディングが保証されます。 let と const から始めて、意味のある名前を使用し、常にスコープに注意してください。これらの基本をマスターすると、より高度な JavaScript の概念のための強固な基盤が確立されます。

コーディングを楽しんでください! ?

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