とあるJavaScriptの情報図書【JavaScript】[ECMAScript] with文

とあるJavaScriptの情報図書

【JavaScript】[ECMAScript] with文

制御構文の中でも特殊はwith文を説明したいと思います。

[1] with文の構文

オブジェクトを省略して記述することができる構文です。

with(オブジェクト){
ここに処理を記述する
}

// オブジェクトを生成
var obj = {x:10,y:20,z:"ほぷしぃ"};

// with文を使用しない場合
document.writeln(obj.x);
document.writeln(obj.y);
document.writeln(obj.z);

// with文を使用した場合
with(obj){
	document.writeln(x);
	document.writeln(y);
	document.writeln(z);
}

with文で囲まれたブロック内では省略してアクセスすることができるようになります。

[2] with文は実用性があるのか

JavaScriptではじめてこのwith文を見たときにこれは使える機能なのではと思いました。
いろいろ調べてみたところあまり利用しないほうがいいらしいです。
それには以下のような理由があるからです。主に２種類です。
ブロック内の処理速度の低下、コードが読みにくくなる(with文で省略されたものがわかりにくい)
といった理由からお勧めはできないようです。
とりあえず、こういう機能はコアJavaScriptにあるため今回紹介しただけです。