JavaScript の日アスタリング変数: `const`、`let`、および `var` を実際の例で理解します。

WBOY
リリース: 2024-08-31 06:32:32
オリジナル
682 人が閲覧しました

Day astering Variables in JavaScript: Understanding `const`, `let`, and `var` with Real-World Examples.

JavaScript を使用する場合、最初に学ぶことの 1 つは、変数の宣言方法です。変数は、数値、テキスト、さらには複雑なデータなどの情報を保存するコンテナのようなものです。 JavaScript では、変数を宣言する方法として const、let、var の 3 つがあります。それぞれに独自のルールとベスト プラクティスがあり、最初は少し混乱するかもしれません。この投稿では、それぞれをいつどのように使用するかを理解できるように、簡単な例を使って詳しく説明します。

コード例

簡単なコードを見てみましょう:

`javascript
const accountId = 14423;
var accountEmail = "aman@google.com";
accountPassword = "12345";
にします accountCity = "ジャムシェドプール";
アカウントロールをさせます;

// アカウント ID = 13242; // 許可されていません - エラーがスローされます

console.table([accountEmail, accountId,accountRoll,accountPassword]);
`

const を理解する

宣言した最初の変数は、const を使用した accountId です。 const キーワードは、値が決して変更されない変数を宣言する場合に使用します。 const 変数に値を代入すると、その値を別の変数に再代入することはできません。例:

const accountId = 14423;
accountId = 13242; // This will throw an error!
ログイン後にコピー

上記の例では、const 変数は最初の割り当て後は不変であるため、accountId を再割り当てしようとするとエラーが発生します。

const に関する重要なポイント:

  • 再割り当てはできません: const 変数に値が割り当てられると、その値は変更できません。
  • ブロックスコープ: 変数は、宣言されているブロック内 (例: {} 内) でのみアクセスできます。

理解しましょう

次に、let を使用して accountPassword を宣言します。 let キーワードは、値が後で変更される可能性がある変数を宣言する場合に使用します。 const とは異なり、let 変数を再割り当てできます:

let accountPassword = "12345";
accountPassword = "67890"; // This is perfectly fine!
ログイン後にコピー

ただし、const と同様に、let もブロックスコープです。つまり、宣言されたブロック内でのみアクセスできます。

let に関する重要なポイント:

  • 再割り当て可能: let 変数の値は、割り当て後に変更できます。
  • ブロックスコープ: 変数は、宣言されているブロック内でのみアクセスできます。

var について理解する

最後に、accountEmail を宣言する方法である var について話しましょう。 var は、JavaScript で変数を宣言する古い方法です。 let や const と比較すると、いくつかの重要な違いがあります。

var accountEmail = "aman@google.com";
var accountEmail = "john@google.com"; // This is allowed!
ログイン後にコピー

ご覧のとおり、let や const とは異なり、エラーなく同じスコープ内で var 変数を再宣言できます。これはバグや予期せぬ動作を引き起こす可能性があるため、多くの開発者が let と const を好むのです。

var に関する重要なポイント:

  • 再割り当てと再宣言が可能: 値を変更したり、var 変数を再宣言したりすることもできます。
  • 関数スコープ: ブロックスコープの let や const とは異なり、var は関数スコープです。これは、ブロック内に限定されず、宣言された関数内でアクセスできることを意味します。

簡単な比較

違いを要約した簡単な比較は次のとおりです:

{
    var x = 10;
    var x = 20; // Allowed, no error

    let y = 10;
    let y = 20; // Not allowed, will throw a syntax error
}
ログイン後にコピー

実践例: console.table の使用

コードの最後で、console.table を使用して、変数の値をきちんとした表形式で表示します。

console.table([accountEmail, accountId, accountRoll, accountPassword]);
ログイン後にコピー

これにより、accountEmail、accountId、accountRoll、accountPassword の現在の値を含むテーブルが出力されます。これは、デバッグ時や作業内容の確認時に変数を視覚化するのに便利な方法です。

結論

const、let、var の違いを理解することは、クリーンでバグのない JavaScript コードを作成するために重要です。ここで簡単に要約します:

  • 変数を定数のままにしたい場合は、const を使用します。
  • 変数の値が変更されることが予想される場合は let を使用します。
  • 特に使用する理由がない限り、var は使用しないでください (関数スコープの動作のため)。

これら 3 つのキーワードをマスターすると、より信頼性が高く保守しやすい JavaScript コードを作成できるようになります。詳細については、いつでも MDN ドキュメントを参照してください。

コーディングを楽しんでください。また次回お会いしましょう!!

以上がJavaScript の日アスタリング変数: `const`、`let`、および `var` を実際の例で理解します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!