ES6 では、 定数 キーワード。JavaScript で新しい変数を定義するために使用されます。一般的に、 だった キーワードは、JavaScript 変数を宣言するために使用されます。 定数 は、プログラム全体の変数の値を変更したくない場合に変数を宣言するためのもう 1 つのキーワードです。
非決定的な有限オートマトン
違いは、var は値を変更できる通常の変数宣言であるのに対し、const キーワードを使用して宣言された変数の値は変更できないことだけです。
Const変数の宣言・初期化
次に、const 変数の宣言と初期化の構文または簡単なコードを示します。
コードをコピーする
const x = 16; document.write('The value of const variable x = ' + x);今すぐテストしてください
出力
const 変数 x の値がエラーなく表示されます。
The value of const variable x = 16
次に、const を使用して定義された変数のいくつかのプロパティについて説明します。
プロパティ
以下のプロパティがあります 定数 変数:
- const キーワードを使用して定義した変数の再代入や値の変更はできません。
- const 変数は、宣言時に変数名を使用して初期化する必要があります。例: 定数x=6;
- 宣言後に変数に値を指定することはできません。
- const 変数の値は変更できません。
- の 定数 変数にはブロックスコープがあります。これは、同じプログラム内の const 変数を同じ名前で再割り当てし、異なるブロックで異なる値を持つことができることを意味します。
- const 変数はホイストできません。つまり、変数は次のように宣言/初期化されます。 だった キーワードを使用して再割り当てすることはできません 定数 。
- JavaScript では、const を使用すると配列の値の変更のみが可能ですが、配列への参照は変更できません。
- const 変数は値への参照のみを作成します。
- オブジェクトのプロパティは変更できますが、オブジェクトへの参照は変更できません。
例
ここでは、さまざまなプロパティを実際に説明するための例をいくつか示します。
例 1: この例を使用すると、次のことがわかります。 const変数は再代入できません 。
コードをコピーする
const x = 16; x = 23; //Type Error今すぐテストしてください
出力
生成されます タイプエラー 値を定数変数に再代入することができないためです。
フルフォームpvr
JavaScript error: Uncaught TypeError: Assignment to constant variable. on line 3
例 2: この例では、 const 変数にはブロックスコープが含まれます 。
コードをコピーする
const x = 16; { const x = 23; document.write('Block2: x = ' + x); //23 { const x = 74; document.write( ' <br> Block3: x = ' + x); //74 } { const x = 49; document.write(' <br> Block4: x = ' + x); //49 } } document.write(' <br> Block1: x = ' + x); //16今すぐテストしてください
出力
上記のコードを実行してもエラーは発生しません。構文エラーや型エラーなしで、さまざまなブロックの x の値を出力するだけです。
Block2: x = 23 Block3: x = 74 Block4: x = 49 Block1: x = 16
例 3: この例では、 const変数はホイストできません 。
コードをコピーする
x = 16; document.write(x); const x; //Syntax Error今すぐテストしてください
出力
生成されます 構文エラー 変数の再宣言は許可されていないためです。
JavaScript error: Uncaught SyntaxError: Missing initializer in const declaration on line 4
例 4: この例では、 const変数は宣言後に初期化できません 。
コードをコピーする
文字列を文字Javaに変換します
const x; x = 18; //Syntax Error document.write(x);
出力
生成されます 構文エラー const 変数宣言後の初期化は許可されていないためです。
JavaScript error: Uncaught SyntaxError: Missing initializer in const declaration on line 2
例 5: で JavaScript , const では配列の値の変更のみが可能ですが、配列への参照は変更できません。
コードをコピーする
ループタイプのJava
// initilize an const array const nameArray = [' Aparna', ' Manya', ' Amayra', ' Jahnavi']; //display the value of array document.write(nameArray.toString()); document.write('<br> <br>'); //change the value of array at index 2 nameArray [1] = ' Krishna'; // possible //Again, display the array with new values document.write(nameArray.toString());
出力
ここで、 大人 名前はに置き換えられました クリシュナ 。配列は次を使用して宣言されましたが、 定数 キーワード。したがって、どちらの場合もエラーなしで配列のすべての値が表示されます。
Aparna, Manya, Amayra, Jahanvi Aparna, Krishna, Amayra, Jahanvi
例 6: この例では、const 変数の値を変更または変更できないことを示します。
コードをコピーする
//declare and initialize an array of const const employee = { fname: 'Annie', lname: 'Roy', age: 22, profession: 'Web Developer' }; document.write(employee); // This can be done with const array employee.fname = 'Emmy'; employee.lname = 'Jackson'; employee.Age = 24; employee.profession = 'QA Analyst'; document.write(employee); // This cannot be possible with const array /* const employee = { 'fname': 'Emmy', 'lname': 'Jackson', 'age': 24, 'profession': 'QA Analyst' } */
出力
ここで、オブジェクト値を同じ名前で再初期化することはできませんが、オブジェクト値は参照を使用して変更できることがわかります。
[object object] [object object]