Const in JavaScript: when to use it and is it necessary ?

2024-04-02

JavaScriptにおける定数 (Const) の使い方

JavaScript では、const キーワードを使って定数を宣言できます。定数は一度定義されると変更できない値です。変数と異なり、定数はプログラム全体で常に同じ値を保持します。

定数を使うべき場合

値が変わらないもの
プログラム全体で一貫性のある値を保持したいもの
コードの読みやすさを向上させたいもの

定数を使う例

円周率 (π)
ファイルパス
API キー
ユーザー ID

定数を使うメリット

コードの安全性向上：誤って値を変更してしまうリスクを防げる
コードの読みやすさ向上：変数名よりも意味のある名前を付けることができる
バグの減少：値が変わらないため、予期せぬ動作を防げる

一度定義すると変更できない：値を変更する場合は、新しい定数を定義する必要がある

定数と変数の比較

項目	定数	変数
キーワード	`const`	`let` または `var`
値の変更	不可	可能
スコープ	ブロックスコープ	ブロックスコープまたは関数スコープ

定数は、値が変わらないものを定義するのに役立ちます。コードの安全性、読みやすさ、バグの減少に貢献します。

// 円周率を定数として定義
const PI = 3.141592653589793;

// ファイルパスを定数として定義
const FILE_PATH = "/path/to/file.txt";

// API キーを定数として定義
const API_KEY = "1234567890";

// ユーザー ID を定数として定義
const USER_ID = 1234;

// 定数を使用して円周率を出力
console.log(PI);

// 定数を使用してファイルパスを取得
console.log(FILE_PATH);

// 定数を使用して API キーを取得
console.log(API_KEY);

// 定数を使用してユーザー ID を取得
console.log(USER_ID);

実行結果

3.141592653589793
/path/to/file.txt
1234567890
1234

定数を定義する他の方法

オブジェクトリテラルを使用して、プロパティとして定数を定義できます。

const obj = {
  PI: 3.141592653589793,
  FILE_PATH: "/path/to/file.txt",
  API_KEY: "1234567890",
  USER_ID: 1234,
};

// 定数を使用して円周率を出力
console.log(obj.PI);

// 定数を使用してファイルパスを取得
console.log(obj.FILE_PATH);

// 定数を使用して API キーを取得
console.log(obj.API_KEY);

// 定数を使用してユーザー ID を取得
console.log(obj.USER_ID);

この方法では、定数をオブジェクトにまとめることができるため、コードを整理しやすくなります。

モジュールを使用して、定数を別のファイルに定義できます。

// constants.js
export const PI = 3.141592653589793;
export const FILE_PATH = "/path/to/file.txt";
export const API_KEY = "1234567890";
export const USER_ID = 1234;

// main.js
import { PI, FILE_PATH, API_KEY, USER_ID } from "./constants.js";

// 定数を使用して円周率を出力
console.log(PI);

// 定数を使用してファイルパスを取得
console.log(FILE_PATH);

// 定数を使用して API キーを取得
console.log(API_KEY);

// 定数を使用してユーザー ID を取得
console.log(USER_ID);