ホームページ > ウェブフロントエンド > jsチュートリアル > let、var、const、違いは何ですか?

let、var、const、違いは何ですか?

PHPz
リリース: 2024-07-28 18:09:53
オリジナル
688 人が閲覧しました

let, var or const, what

let, var , const? この変数は実際にいつ使用するのでしょうか?
2018 年に遡り、JavaScript を少し試す機会がありました。その 1 年間、私はこの言語がどのように機能するかを知ることができて感激しました。私が最初に学んだのは、変数を宣言することでした。私の最初の変数は var name = 'el marlo' でした。そのため、この変数は関数内で使用され、console.log(name) // =>エル・マーロ。初心者プログラマーとして、私は興奮しました。 2024 年に早送りして、ソフトウェア エンジニアリングへの私の旅を正式に開始し、何年も経って JavaScript に手を出しましたが、多くのことが変わりました。最初に気づいたのは、変数を宣言するオプションが他にもあるということでした。 let と const とは何ですか、私は var.

しか知りませんでした。

変数

var は変数を宣言するための最も古いキーワードです。したがって、他の 2 つとの違いを説明しましょう。 let と const は、どちらをコードに含めるべきかを決定するのに役立ちます。

var は、ブロック スコープが欠けている または平たく言えばコードのため、使用する予定がある場合は十分に注意するか、まったく使用しないキーワードであることを学びました。それは中括弧 {} の内側に入ります。さらに、var 変数は再宣言および更新される可能性があるため、コードにバグが発生する可能性があります。

var favHobby = "Eskate";
var favHobby = "Sleeping";
var favHobby = "Joking";

console.log(favHobby); // => Joking
console.log(favHobby); // => Joking
console.log(favHobby); // => Joking

ログイン後にコピー

させて

これは var の更新バージョンです。この変数は ブロックされたスコープ です。つまり、var とは異なり、{中括弧内で宣言したものはすべて、このスコープ内でのみ使用可能です}:

let x = 1;

if (x === 1) {
  let x = 2;

  console.log(x);
  // Expected output: 2
}

console.log(x);
// Expected output: 1

ログイン後にコピー

例: mdn web docs
さらに、は更新できますが、再宣言はできません

定数

const は、次の理由から使用するのに最も信頼できる変数です: const 宣言はブロック スコープ: つまり、{ブロック内} でのみアクセス可能です。もう 1 つの強力な理由は、const がオブジェクトでない限り更新または再宣言できないことです。 const がオブジェクトの場合、プロパティを追加、削除、または更新できます。

const number = 42;

try {
  number = 99;
} catch (err) {
  console.log(err);
  // Expected output: TypeError: invalid assignment to const 'number'
  // (Note: the exact output may be browser-dependent)
}

console.log(number);
// Expected output: 42

ログイン後にコピー

例: mdn web docs

以上がlet、var、const、違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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