【JS】「ただの {}（ブロック文）」を使うと嬉しいこと

JavaScript の 「ブロック文」 をご存知でしょうか。 波括弧（ブレース）で囲む、コレです。 if ブロック if () {} や、for ブロック for () {} として目にすることが多いですが、 {} 単体でもブロック文になります。 これだけだとオブジェクトと思ってしまうかもしれませんが、ブロック文になります。 （オブジェクトとブロック文の解釈については javascriptのオブジェクトリテラルは評価されるまでは、あくまでブロック文でしかない - メモを揉め が詳しいです） なんの意味もないように見える「ただの {}（ブロック文）」ですが、意外と便利なことがあるのでこの記事ではそれを紹介します！

[otchy210]

const と let の導入時に可能になったテクニックやね。var は関数スコープなので注意。変数のスコープを狭めるためだけの即時関数は var 時代の負の遺産。

[igrep]

スコープ作る裸のブロックってJSでも使えたんだ！みんな即時関数使うから使えないものと思い込んでた！/ 追記: 思い出してみればifやforに付けるブロックでもlet/constで新しい変数宣言してるんだから、そらそうよな

[sugawara1991]

C++でもC#でも普通に使ってるな。再利用しないしメソッド化ほど読み下しの見通しを悪くしたくないけどローカル変数もうっとおしい時にスコープを狭めて脳負荷を下げる

[eggplantte]

varは過去コードの互換以外の目的ではもういらないよね

[hatest]

{^_^} ← ただのブロック文で嬉しいを表現した絵文字

[Lhankor_Mhy]

Iterator Helper がまだChromeにしか実装されてないからイテレータを reduce しようとするとテンポラリに変数を使わなきゃいけなかったりする時とかにわりと使う。『配列化すればいい』という意見もあろうが。

[a-kuma3]

変数のスコープを狭めるのは便利だけど、使いたくなったときは処理の分割に手を抜いてる、という表れだと思ってる。自分用のコードにはちょいちょい出てくるけど、仕事のコードには、基本的に書かないようにしてる

[yarumato]

“スコープを短くできる＝ 同じ変数名を何回も使える。即時実行関数式 (IIFE)よりシンプル。関連するものを近くに置ける。 VSCodeで折りたたみできる、sticky scroll対応した見出しコメント書ける”

[umai_bow]

ワイも好きだけどいきなり使うとギョッとするかなと思って遠慮してる。まあでもブロックの返り値が欲しくはなってしまう…

[quality1]

言われてみればそうか。気づかなかったな