JavaScript 変数: let vs const vs var-jsチュートリアル-php.cn

JavaScript 変数: let vs const vs var

Susan Sarandon

リリース： 2025-01-11 16:28:42

オリジナル

108 人が閲覧しました

JavaScript Variables: 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);

ログイン後にコピー

出力:

ログイン後にコピー

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 など)

は使用できません。