JavaScript 変数を理解する

導入

JavaScript の

変数 は、データを保存するコンテナのようなものです。キッチンにあるラベルの付いた瓶のようなものだと考えてください。砂糖が入っているもの、小麦粉が入っているもの、さらにはクッキーが入っているものもあります。これらによりコードが動的になり、情報の保存と操作が可能になります。

⭐ 変数の宣言、初期化、および命名規則
1️⃣ 宣言
変数の宣言とは、値を割り当てずに変数を作成することを意味します。
?例:

let name; // Declaration

2️⃣ 初期化
変数の初期化とは、変数に初めて値を割り当てることを意味します。
?例:

let name = "Richa"; // Declaration + Initialization

最初に宣言して後で初期化することもできます:
?例:

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

3️⃣ 命名規則
変数に効果的に名前を付けるには、次のルールに従ってください:

• 文字、$、または _ で始まります。 有効: userName、_temp、$amountInvalid: 123name、@value
• 予約キーワードを避ける: 無効: let var = 10; (var を名前として使用することはできません)
• 読みやすくするためにキャメルケースを使用します: 例: firstName、totalCost
• わかりやすいものにしてください: x の代わりに、userAge または productName を使用します。

?例:

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

⭐変数の種類
JavaScript では、変数を宣言する 3 つの方法、var、let、const を提供しています。

1️⃣ var (オールドスクール)
スコープ: 関数スコープまたはグローバルスコープ。
使用法: 癖があるため、最新の JavaScript では避けるのが最善です。
var キーワードは、2015 年以前の JavaScript で普及していました。しかし、そのグローバル スコープとホイスティング動作のため、現在はあまり推奨されていません。
?例:

var stuff = "Toy";
var stuff = "Book"; // Re-declaration allowed (confusing behavior).
console.log(stuff); // Outputs: Book

var を使用すると、同じ変数を複数回宣言できます。ただし、これは多くの場合、バグやコードの混乱につながります。
⁉️ホイスト 動作:
var で宣言された変数は「ホイスト」されます。つまり、宣言する前に使用できることを意味します。
?例:

console.log(stuff); // Outputs: undefined
var stuff = "Toy";

この動作により予期しない問題が発生する可能性があるため、変数宣言に var に依存しないようにしてください。
?実際の例

2️⃣ させてください (柔軟に)
スコープ: ブロックスコープ (宣言されているブロックに限定)。
使用法: 変数値を変更する必要がある場合は let を使用します。
?例:

let jar = "Tomatos";
jar = "Spices"; // Allowed
console.log(jar); // Outputs: Spices

let 変数を再宣言しようとすると、エラーがスローされます:
?例:

let jar = "Tomatos";
let jar = "Spices"; // Error: Identifier 'jar' has already been declared

var とは異なり、let で宣言された変数は同じ方法でホイストされません。
?例:

let name; // Declaration

?実際の例

3️⃣ const (不変)
スコープ: let
のようなブロックスコープ 使用法: 初期化後に変更すべきでない値には const を使用します。
const は、再割り当てすべきではない定数または変数を宣言するのに最適です。
?例:

let name = "Richa"; // Declaration + Initialization

宣言時に const 変数を初期化する必要があります:
?例:

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

?実際の例

変数を調査するタスク

変数の理解をテストするための例をいくつか示します:

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

結論

変数をマスターすることは、クリーンで効率的な JavaScript コードを作成するための第一歩です。

• 安定性を高めるために、可能な限り const を使用してください。
• 値を変更する必要がある場合にのみ let を使用してください。
• デバッグが難しい問題を防ぐために、var を避けてください。

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

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