JavaScript/with

with

with は、JavaScript における古い構文で、オブジェクトのプロパティを簡潔に参照できるようにするために使用されます。しかし、現在では使用が推奨されておらず、ES5 以降では廃止されました。代わりに、オブジェクトのプロパティを個別に参照する方法が推奨されています。with の使用は、コードの可読性と保守性を低下させる可能性があるため、避けるべきです。

構文

with (object) {
  // object のプロパティにアクセスするコード
}

with キーワードの後に、プロパティを参照したいオブジェクトを指定します。その後、コードブロック内でそのオブジェクトのプロパティを直接参照できます。

使用例

基本的な使用例

let person = {
  name: 'Alice',
  age: 30
};

with (person) {
  console.log(name);  // 'Alice'
  console.log(age);   // 30
}

この例では、person オブジェクトのプロパティ name と age に直接アクセスすることができます。with を使うと、オブジェクトのプロパティを簡単に参照できます。

変数参照との混同

let person = {
  name: 'Alice',
  age: 30
};
let name = 'Bob';

with (person) {
  console.log(name);  // 'Alice'（person の name プロパティが参照される）
}

この例では、with によって person オブジェクトの name プロパティが参照されます。外部の name 変数ではなく、person オブジェクトのプロパティが優先されます。

使用の注意点

with の使用は、コードの可読性やデバッグの困難さを引き起こす可能性があるため、現在では避けるべきです。
with は、変数やプロパティの解決が遅延するため、意図しない副作用を引き起こす可能性があります。特に、スコープ内に同名の変数が存在する場合、その変数の参照先が曖昧になります。
with は JavaScript の厳格モード（strict mode）では使用できません。厳密モードを使用することが推奨されます。

推奨される代替手段

with を使用せず、明示的にオブジェクトのプロパティにアクセスするようにします。例えば、以下のように書き換えることができます：

let person = {
  name: 'Alice',
  age: 30
};

console.log(person.name);  // 'Alice'
console.log(person.age);   // 30

参考

MDN Web Docs: with