JavaScriptのvoid 0とは？意味と使い方をわかりやすく解説

JavaScriptには「void」という演算子があります。一見すると不思議な存在に見えますが、実はシンプルな役割を持っています。この記事では、void 0 の意味と、実際にどのような場面で使われるのかをわかりやすく解説します。

void演算子の基本的な意味

void 演算子は、与えられた式を評価したうえで、必ず「undefined」を返す演算子です。つまり、void(0) と書くことで、undefined というプリミティブな値を確実に取得することができます。

たとえば、void(0) は数値の 0 を評価した後、その結果を捨てて undefined を返します。評価する式が何であれ、結果は常に undefined になるのがポイントです。

JavaScript:void(0)はどんなときに使う？

Webページに式やコードを挿入した際に、意図しない副作用（たとえばページの再読み込みなど）が発生してしまうことがあります。こうした不要な動作を防ぎたい場合に、JavaScript:void(0) が活用されます。

JavaScript:void(0) を記述すると、式の評価結果が undefined として返されるため、ブラウザは何も実行せず、ページの状態をそのまま維持します。特に、<a> タグの href 属性にダミーのリンク先を指定したい場合によく使われてきました。

具体的な使用例：ボタンのクリックを無効化する

次の例では、ボタンが最初にクリックされたときにページが再読み込みされないよう、JavaScript:void(0) を使用しています。

このコードのポイントは以下のとおりです。

• 1回目のクリック：JavaScript:void(0) によって undefined が返されるため、ページは再読み込みされず、何も起こりません。
• 2回目のクリック：ondblclick（ダブルクリック）イベントハンドラが設定されているため、アラートボックスが表示されます。

このように、void(0) とイベントハンドラを組み合わせることで、「単独クリックでは何もしないが、ダブルクリックで特定の処理を実行する」という動作を実現できます。

まとめ

void 0 は「式を評価して undefined を返す」というシンプルな演算子です。ページの再読み込みを防ぎたいときや、意図しない副作用を抑えたいときに役立ちます。近年では href="#" の代わりに JavaScript:void(0) を使うケースや、逆に event.preventDefault() を使うモダンな手法も知られています。用途に応じて適切に使い分けましょう。