JavaScript 【実務・中級編】 厳格モード(strict mode)によるスコープ制限 – JavaScript実践ガイド
「なぜ今さら『use strict』なのか？」— 現場で生き残るためのスコープと変数の鉄則やあ。現場でコードを書いていて、ふと「あれ、なんでここでエラーにならないんだ？」と首を傾げたことはないかい？中級者レベルに差し掛かると、JavaScr...
変数とスコープ（const, let, var, ブロックスコープ, 巻き上げ）
JavaScript JavaScript 【実務・中級編】 constの不変性とオブジェクトのミュータビリティ – JavaScript実践ガイド
やあ。コードベースの海を泳いでいると、「`const` を使っているからこのオブジェクトは安全だ」という誤解に、何度出くわしたことか。中堅どころのエンジニアが、レビューで「ここ、`const` なのに書き換えられちゃってますよ？」と指摘され...
JavaScript 【実務・中級編】 ブラウザデバッガでのスコープ確認手法 – JavaScript実践ガイド
フロントエンドの最前線で戦っている諸君、お疲れ様。コードを書いていると、「なぜか想定した値にならない」「クロージャがメモリを食っている気がする」といった壁に必ずぶち当たるはずだ。そのとき、闇雲に `console.log` を埋め込んでいな...
JavaScript 【実務・中級編】 変数シャドーイングの是非と可読性 – JavaScript実践ガイド
やあ。今日もコードと格闘しているかな？フロントエンドの世界は進化が早いが、結局のところ、我々が書いているのは「JavaScriptという名の、時に優しく、時に残酷な言語」だ。今日は、中級者の壁を越えるために避けては通れない、「変数シャドーイ...
JavaScript 【実務・中級編】 実務におけるスコープ汚染を防ぐ設計パターン – JavaScript実践ガイド
グローバル汚染を断つ。現代のフロントエンドにおける「スコープの防壁」を極める現場でコードをレビューしていると、いまだに `var` が散見されたり、何でもかんでもグローバルスコープに放り込んで、後から「なぜか値が書き換わっている」というバグ...
JavaScript 【実務・中級編】 プライベートクラスフィールドのスコープ – JavaScript実践ガイド
現場の最前線でコードを書いていると、「動けばいい」というフェーズから「なぜこう動くのか？」という本質的な問いにぶつかる瞬間が必ず来る。特にクラスのプライベートフィールド（`#`）は、単なる「外部から隠すための装飾」だと思って使うと、いざとい...
JavaScript 【実務・中級編】 巻き上げと初期化のタイミングの差異 – JavaScript実践ガイド
やあ。今日もフロントエンドの泥沼で戦っている君に、一つ深淵の話をしようか。JavaScriptの「巻き上げ（Hoisting）」という言葉、君も一度は聞いたことがあるはずだ。でも、多くのエンジニアが「なんとなく宣言が上に移動するんでしょ？」...
JavaScript 【実務・中級編】 ループ内でのブロックスコープとクロージャの罠 – JavaScript実践ガイド
やあ。今日もコードと格闘してるかい？フロントエンドの世界は進化が早いけれど、結局のところ「JavaScriptの言語仕様の深淵」を知っているかどうかが、バグを未然に防ぎ、チームの開発生産性を底上げする。今日は、多くのエンジニアが一度は膝を折...
JavaScript 【実務・中級編】 with文によるスコープ拡張と非推奨理由 – JavaScript実践ガイド
やあ。今日もコードと格闘しているかな？フロントエンドの世界は進化が早いが、モダンなフレームワークの裏側にある「JavaScriptの泥臭い歴史」を知っているかどうかで、トラブルシューティングの質は劇的に変わる。今日は、現代の現場では「禁忌」...
JavaScript 【実務・中級編】 eval関数がスコープに与える影響 – JavaScript実践ガイド
JavaScriptの「禁じ手」：evalがスコープを破壊するメカニズムと、現代における正解やあ。現場でコードを書いていて、`eval()`という関数に出会ったことはあるかい？もし君が「なんか便利そうだな」と思って適当な文字列を放り込もうと...