JavaScriptで定数を宣言する方法
2024-04-05
JavaScriptにおける定数
定数のメリット
- コードを読みやすく、理解しやすい
- 意図しない値の変更を防ぎ、バグを防ぐ
- コードの保守性を向上させる
定数の宣言
const PI = 3.14;
const MAX_SIZE = 100;
const USER_NAME = "John Doe";
上記の例では、PI、MAX_SIZE、USER_NAME は定数として宣言されています。これらの定数は、一度値が割り当てられると、その値を変更することはできません。
定数のスコープは、宣言されたブロック内となります。
const PI = 3.14;
{
const PI = 22 / 7;
console.log(PI); // 22 / 7
}
console.log(PI); // 3.14
上記の例では、PI はグローバルスコープとブロックスコープでそれぞれ異なる値を持っています。
定数の使用例
定数は、さまざまな場面で使用できます。
- 数学的な定数
- アプリケーションの設定
- ユーザー情報
定数を使用することで、コードをより堅牢で保守性の高いものにすることができます。
定数に関する注意点
- 定数は一度値が割り当てられると、その値を変更することはできません。
- 定数は、変数と同様に、大文字と小文字が区別されます。
- 定数は、予約語として使用することはできません。
const PI = 3.14;
const E = 2.71828;
function circleArea(radius) {
return PI * radius * radius;
}
console.log(circleArea(5)); // 78.5
const MAX_SIZE = 100;
const PAGE_SIZE = 10;
function loadNextPage(currentPage) {
if (currentPage < MAX_SIZE / PAGE_SIZE) {
// 次のページを読み込む
}
}
const USER_NAME = "John Doe";
const USER_EMAIL = "[email protected]";
function greetUser() {
console.log(`こんにちは、${USER_NAME}さん！`);
}
greetUser(); // こんにちは、John Doeさん！
これらのサンプルコードは、定数をさまざまな場面で使用する方法を示しています。
- 定数を用いたオブジェクトリテラル
const PERSON = {
NAME: "John Doe",
AGE: 30,
EMAIL: "[email protected]",
};
console.log(PERSON.NAME); // John Doe
- 定数を用いた配列
const COLORS = ["red", "green", "blue"];
console.log(COLORS[1]); // green
- 定数を用いた enum
const DIRECTIONS = {
NORTH: 0,
EAST: 1,
SOUTH: 2,
WEST: 3,
};
console.log(DIRECTIONS.SOUTH); // 2
var キーワードを使って変数を宣言すると、その変数は事実上定数になります。ただし、var キーワードは非推奨であり、新しいコードでは使用しないことを推奨されています。
var PI = 3.14;
PI = 22 / 7; // エラーが発生しない
console.log(PI); // 22 / 7
オブジェクトリテラルのプロパティは、事実上定数になります。
const person = {
name: "John Doe",
age: 30,
};
person.name = "Jane Doe"; // エラーが発生しない
console.log(person.name); // Jane Doe
配列の要素は、事実上定数になります。
const colors = ["red", "green", "blue"];
colors[0] = "purple"; // エラーが発生しない
console.log(colors[0]); // purple
enum を使って列挙型を定義すると、その列挙型のメンバーは事実上定数になります。
const DIRECTIONS = {
NORTH: 0,
EAST: 1,
SOUTH: 2,
WEST: 3,
};
DIRECTIONS.NORTH = 1; // エラーが発生する
console.log(DIRECTIONS.NORTH); // 0
これらの方法は、const キーワードを使うよりも簡潔なコードを書くことができます。ただし、const キーワードを使う方が、コードの意味を明確に伝えることができます。
どの方法を使うべきかは、コードの状況によって異なります。一般的には、const キーワードを使うことを推奨します。ただし、コードの簡潔性を重視する場合は、他の方法を使うことも検討できます。
javascript constants
