定数
アプリケーションで定数を共有する場合は定数クラスを宣言し、定数変数にstatic readonly
をつけることにより、上書きの汚染を無くすことができる。
1 2 3 |
export class AppConst { static readonly DATABASE = 'DATABASE NAME'; } |
使用例
定数はstatic
宣言のため、new
を行わず使用することができる。=
で上書きをしようとするとTS2540
のコンパイルエラーになる。
1 2 3 4 5 |
import { AppConst } from 'app-const'; console.log(AppConst.DATABASE); // "DATABASE NAME" //AppConst.DATABASE = "NEW DATABASE NAME"; // error TS2540 it is a constant or a read-only property. |
コンポーネント内での定数変数
1つのcomponent内でしか使用しない定数の場合はcomponent.ts内でreadonly
を付けた変数を宣言すれよばい
1 2 3 4 5 6 7 8 9 |
・・・・・ export class ClazzComponent implements OnInit { readonly HOGE = "ABCDEFG"; ・・・・・ click() { console.log(this.HOGE); // ABCDEFG // this.HOGE = "NEW"; // error TS2540 it is a constant or a read-only property. } |