Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】with文の使い方

with文の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

with関数は、JavaScriptにおいて、特定のオブジェクトのプロパティにアクセスする際、そのオブジェクトのスコープを一時的に追加することで、プレフィックスなしでプロパティ名を参照できるようにする機能を提供する関数です。この機能はwith (オブジェクト) { ... }という構文で利用され、指定されたオブジェクトが文またはブロックのスコープチェーンの先頭に追加されます。これにより、obj.propのようにオブジェクト名を明示することなく、直接propと記述してプロパティにアクセスできるため、コードの記述を簡潔にする目的で導入されました。

しかし、このwith文は現在、JavaScriptの厳格モード('use strict')では使用が禁止されており、通常のモードにおいても非推奨とされています。その主な理由は、コードの可読性と保守性を著しく低下させるためです。withブロック内で参照されているプロパティがどのオブジェクトに由来するものか視覚的に判別しにくく、プログラムの理解を困難にします。また、JavaScriptエンジンによるコードの最適化を妨げ、実行パフォーマンスの低下を招く可能性があります。さらに、意図しない変数の上書きや、予期せぬプロパティへのアクセスといったセキュリティ上のリスクやバグの原因となることもあります。これらの問題から、現代のJavaScriptプログラミングではwith文の使用は避け、オブジェクトのプロパティには直接アクセスするか、分割代入などの明示的な方法を用いることが強く推奨されます。

公式リファレンス: with

構文(syntax)

1with (expression)
2  statement

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ

関連プログラミング言語