withステートメントと使用しない理由

この記事では、withがJavaScriptを使用する方法と、JavaScriptの使用が推奨されない理由について説明します。

構文

with (object) statement 

withは新しいスコープを作成し、オブジェクトのプロパティをステートメントのローカル変数として表します。 例（1つの式にブラケットは必要ありませんが、使用することをお勧めします）：

 with({ first: "John" }) { console.log("Hello " + first); } // Hello John 

プロパティが同時にグローバル変数である同様のオブジェクトがあります-このオブジェクトはグローバルと呼ばれます（ブラウザではこれはウィンドウです）。 ただし、グローバルオブジェクトとは異なり、withステートメント（ステートメントブロック）で宣言された変数はオブジェクトに追加されませんが、外部スコープにリークして存在し続けます。

 with({}) { var x = "abc"; } console.log(x) // 'abc' 

withステートメントは非推奨です

withステートメントを使用することはお勧めできません。 厳格モードではその使用は禁止されています 。

 function foo() { "use strict"; with({}); } // SyntaxError: strict mode code may not contain 'with' statements 

置き換える方法：

 with(foo.bar.baz) { console.log("Hello "+first+" "+last); } 

変数をwithに渡す代わりに、短い名前を使用します。

 var b = foo.bar.baz; console.log("Hello "+b.first+" "+b.last); 

スコープ内で一時変数を宣言したくない場合は、 IIFEを使用します 。

 (function() { var b = foo.bar.baz; console.log("Hello "+b.first+" "+b.last); }()); 

このオブジェクトをIIFEパラメーターとして転送することもできます。

 (function(b) { console.log("Hello "+b.first+" "+b.last); }(foo.bar.baz)); 

なぜ悪いのか

withが推奨されない理由を理解するために、例を見て、関数の引数がその動作をどのように変えるかを見てみましょう。 関数は次のとおりです。

 function foo(arg) { with(arg) { console.log("arg: " + arg) } } 

異なるパラメーターで関数を実行します。

 foo("Hello"); // arg: Hello -  arg foo({}); // arg: [object Object] -  arg foo({ arg: "Hello" }); // arg: Hello -  arg.arg! 

withが廃止される理由は2つあります。
パフォーマンス ：withステートメントは、argが実際の変数またはwith内の変数プロパティを参照する場所が事前にわからないため、自動的に最適化できません。 これは、呼び出しごとに変わる場合があります。

安全性 ：変数が周囲（レキシカル環境）を参照する場所を特定することは不可能です。 Brendan Eichによれば、これはwithが時代遅れであると考えられているためであり、パフォーマンスを考慮するためではありません。