const
constはES6/TypeScriptで提供された非常に素晴らしい機能です。変数をイミュータブル(immutable)、つまり不変にすることができます。これは、可読性の面だけでなく実行時の面でも優れています。 constを使うには、単にvarの代わりにconstを使うだけです:
1
const foo = 123;
Copied!
この構文は、let constant fooすなわち変数+動作指定子のようなものを入力させる他の言語よりも、ずっと優れています(個人的な意見です)。
constを使うことは、可読性とメンテナンス性のどちらの面でも良いことです。そして、マジックリテラル(謎の定数、マジックナンバーとも呼びます)を使うことを避けることができます。
1
// 可読性が低いコードです
2
if (x > 10) {
3
}
4
5
// このほうがベターです
6
const maxRows = 10;
7
if (x > maxRows) {
8
}
Copied!

const宣言は初期化する必要があります

以下はコンパイルエラーになります:
1
const foo; // ERROR: constの宣言は値を初期化する必要があります
Copied!

代入の左辺に定数は置けない

作成された定数はイミュータブル(不変)です。したがって、新しい値を代入しようとするとコンパイルエラーになります:
1
const foo = 123;
2
foo = 456; // ERROR: 代入の左側に定数を置くことはできません
Copied!

ブロックスコープ

constletと同様にブロックスコープです:
1
const foo = 123;
2
if (true) {
3
const foo = 456; // Allowed as its a new variable limited to this `if` block
4
}
Copied!

深い不変性 (deep immutability)

constは、変数の参照(reference)を保護する限りにおいて、オブジェクトリテラルでも機能します:
1
const foo = { bar: 123 };
2
foo = { bar: 456 }; // ERROR : Left hand side of an assignment expression cannot be a constant
Copied!
ただし、以下に示すように、オブジェクト内部のプロパティを変更することは可能です。
1
const foo = { bar: 123 };
2
foo.bar = 456; // Allowed!
3
console.log(foo); // { bar: 456 }
Copied!

できるだけ const にしよう

後で変数の初期化を行ったり、再代入する予定が無いのであれば const を使いましょう(再代入する場合は let を使います)。
最終更新 1yr ago