導入
JavaScriptで数値の「べき乗（累乗）」を計算したいとき、古くから使われてきたのが Math.pow メソッドです。しかし、現代のJavaScript（ES2016以降）では、より直感的に記述できる「べき乗演算子（）」が推奨されています。なぜこの知識が重要かというと、レガシーコードの保守と最新のモダンな実装の両方に対応できるようになるためです。本記事では、この両者の違いと現場での適切な使い分けを解説します。
基礎知識
Math.pow(base, exponent) は、第一引数（基数）を第二引数（指数）で累乗した結果を返す組み込み関数です。
例えば、2の3乗（2 × 2 × 2）を計算する場合、Math.pow(2, 3) と記述します。
一方、ES2016で導入されたべき乗演算子（）は、base exponent と記述します。数学的な表記に近く、コードの可読性が非常に高いため、現代のフロントエンド開発ではこちらが標準となっています。
実装/解決策
現場での実装においては、基本的には「べき乗演算子（）」を使用すべきです。ただし、古いブラウザ（IEなど）を完全にサポートする必要があるプロジェクトや、特定のレガシーなビルド環境下では、トランスパイル設定を確認する必要があります。
サンプルプログラム
以下のコードで、Math.powとべき乗演算子の挙動を確認できます。
// 1. べき乗演算子（推奨される書き方）
const result1 = 2 3;
console.log(`2の3乗は: ${result1}`); // 出力: 8
// 2. Math.pow（従来の書き方）
const result2 = Math.pow(2, 3);
console.log(`Math.powを使った結果: ${result2}`); // 出力: 8
// 3. 応用：複雑な計算での比較
// べき乗演算子は他の演算子と組み合わせて簡潔に書けます
const calculation = 10 + 2 3 2; // 10 + (8 2) = 26
console.log(`演算子の優先順位を含めた計算結果: ${calculation}`);
// 4. 注意：負の数のべき乗（Math.powとの違いに注意）
// べき乗演算子は単項演算子と組み合わせる際に優先順位に注意が必要です
// -2 2 はエラーになるか、言語仕様により解釈が異なる場合があるため
// 意図を明確にするなら括弧で囲むのがベストです
const safeCalculation = (-2) 2;
console.log(`負の数のべき乗: ${safeCalculation}`); // 出力: 4
応用・注意点
現場で陥りやすいバグとして、「演算子の優先順位」が挙げられます。
べき乗演算子（）は、他の算術演算子（+や-）よりも優先順位が高いという特徴があります。そのため、期待通りの計算順序にならない場合は、必ず括弧（）を使用して計算順序を明示してください。
また、TypeScriptを使用している場合は、ターゲットとなるECMAScriptのバージョン設定（tsconfig.jsonのtarget）がES2016以上になっていることを確認してください。もしES5以前をターゲットにしている場合、べき乗演算子を使用するとコンパイルエラーになるか、トランスパイラ（Babelなど）が適切にMath.powへ変換してくれることを確認する必要があります。基本的には、モダンな開発環境であれば迷わずべき乗演算子（）を採用して問題ありません。