JavaScriptのconstとは何ですか

青灯夜游
リリース: 2023-01-06 11:16:55
オリジナル
20586 人が閲覧しました

const は JavaScript に組み込まれたキーワードです。const は 1 つ以上の定数を宣言するために使用されます。読み取り専用の定数も宣言できます。宣言時に初期化する必要があります。一度宣言すると、定数の値は変更できません。定数は、そのスコープ内の別の変数または関数と同じ名前を持つことはできません。

JavaScriptのconstとは何ですか

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

ES2015 (ES6) では、let と const という 2 つの重要な JavaScript キーワードが追加されています。

let によって宣言された変数は、let コマンドが配置されているコード ブロック内でのみ有効です。

const は 1 つ以上の定数を宣言するために使用されます。定数は宣言時に初期化する必要があり、初期化後に値を変更することはできません:

const PI = 3.141592653589793;
PI = 3.14;      // 报错
PI = PI + 10;   // 报错
ログイン後にコピー

Const で定義された定数は、let を使用して定義された変数と似ています。

  • どちらもブロックレベルのスコープです

  • どちらもスコープ内の他の変数や関数と同じ名前を持つことはできません

#両者には 2 つの違いがあります:

  • const で宣言された定数は初期化する必要がありますが、let で宣言された変数は初期化する必要はありません

  • const 定義された定数の値は、再代入によって変更したり、再度宣言したりすることはできません。 letで定義した変数の値は変更できます。

  • var x = 10;
    // 这里输出 x 为 10
    { 
        const x = 2;
        // 这里输出 x 为 2
    }
    // 这里输出 x 为 10
    ログイン後にコピー
const 宣言された定数は初期化する必要があります:

// 错误写法
const PI;
PI = 3.14159265359;

// 正确写法
const PI = 3.14159265359;
ログイン後にコピー

は実際の定数ではありません

const の本質: const で定義 変数は定数でも不変でもありませんが、値を参照する定数を定義します。 const を使用して定義されたオブジェクトまたは配列は、実際には変更可能です。次のコードはエラーを報告しません:

// 创建常量对象
const car = {type:"Fiat", model:"500", color:"white"};
 
// 修改属性:
car.color = "red";
 
// 添加属性
car.owner = "Johnson";
ログイン後にコピー

しかし、定数オブジェクトを再割り当てすることはできません:

const car = {type:"Fiat", model:"500", color:"white"};
car = {type:"Volvo", model:"EX60", color:"red"};    // 错误
ログイン後にコピー

次の例は、定数配列を変更します:

// 创建常量数组
const cars = ["Saab", "Volvo", "BMW"];
 
// 修改元素
cars[0] = "Toyota";
 
// 添加元素
cars.push("Audi");
ログイン後にコピー

しかし、再割り当てすることはできません定数配列 再割り当て:

const cars = ["Saab", "Volvo", "BMW"];
cars = ["Toyota", "Volvo", "Audi"];    // 错误
ログイン後にコピー
プログラミング関連の知識については、

プログラミング ビデオをご覧ください。 !

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

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