[JavaScript] オブジェクト名を省略してコーディングする（withブロック）

投稿日：2016年10月20日更新日：2018年5月3日

オブジェクト名を省略してコーディングするには、withを使用します。

withブロックを使う

withブロックを使うと、オブジェクト名を省略した記述ができます。
下の２つの例は全く同じ処理です。

var fm = document.getElementById("fm1");
fm.method = "post";
fm.target = "_blank";
fm.action = "/php/sample.php";
fm.submit();

var fm = document.getElementById("fm1");

fm.method = "post";

fm.target = "_blank";

fm.action = "/php/sample.php";

fm.submit();

with(document.getElementById("fm1")){
  method = "post";
  target = "_blank";
  action = "/php/sample.php";
  submit();
}

with(document.getElementById("fm1")){

method = "post";

target = "_blank";

action = "/php/sample.php";

submit();

}

withブロックを使った方がスッキリしていますね。

執筆者：とら