定数の定義（宣言および代入）

投稿日: 2012年12月21日作成者: alphasis

JavaScriptの定数の定義（宣言および代入）について。

定数の定義は、constキーワードを使い宣言し、同時に、値を代入する。単なる代入による定義や、先に宣言しておくことはできない。
一度定義した定数は、再定義することや、未定義とすることはできない。

構文

const 定数名 = "値";

定数名は、定数の命名規則に従って命名する。

サンプル

定数を宣言し、同時に、文字列を代入

ソースコード

<script type="text/javascript">
const sampleA = "サンプル<br />";
document . write( sampleA );
</script>

変数を宣言し、同時に、整数を代入

ソースコード

<script type="text/javascript">
const sampleB = 10;
document . write( sampleB );
</script>

変数を宣言し、同時に、小数を代入

ソースコード

<script type="text/javascript">
const sampleC = 0.05;
document . write( 100 * ( 1 + sampleC ) );
</script>

定数を宣言し、同時に、配列を代入

ソースコード

<script type="text/javascript">
const sampleD = new Array( "Red", "Blue", "Green" );
document . write( sampleD + "<br />" );
document . write( sampleD[0] + "<br / >" );
document . write( sampleD[1] + "<br />" );
document . write( sampleD[2] + "<br />" );
</script>

定数を宣言し、同時に、オブジェクトを代入

ソースコード

<script type="text/javascript">
const sampleE = {
red: { colorName: "赤", colorCode: "#FF0000" },
blue: { colorName: "青", colorCode: "#0000FF" },
green: { colorName: "緑", colorCode: "#008000" },
};
document . write( sampleE.red.colorName + ": " + sampleE.red.colorCode + "<br />" );
document . write( sampleE.blue.colorName + ": " + sampleE.blue.colorCode + "<br />" );
document . write( sampleE.green.colorName + ": " + sampleE.green.colorCode + "<br />" );
</script>

インスタンスを作り、定数に代入

ソースコード

<script type="text/javascript">
function sampleClass( colorName, colorCode ) {
this.colorName = colorName;
this.colorCode = colorCode;
this.toString = function() {
return ( this.colorName + ": " + this.colorCode );
}
}
const sampleInstance = new sampleClass( "赤", "#FF0000" ); // インスタンスを作り、変数に代入
document . write( sampleInstance );
</script>

カテゴリー: JavaScript, リファレンス, 定数パーマリンク