JavaScript 【実務・中級編】 モジュールスコープ – JavaScript実践ガイド
なぜ「グローバル汚染」は終わらないのか？ ES Modulesがもたらした静かな革命現場でコードを書いていて、「なぜこの変数が他のファイルから参照できてしまうんだ？」と頭を抱えた経験はないだろうか。特に、かつてのjQuery全盛期や、``タ...
JavaScript
JavaScript JavaScript 【実務・中級編】 レキシカルスコープ（静的スコープ） – JavaScript実践ガイド
やあ。今日もコードと格闘してるかい？フロントエンドの世界は移り変わりが激しいけれど、結局のところ、僕たちを最後に救ってくれるのは「JavaScriptの言語仕様そのもの」への深い理解だ。今日は、中級者から「真のプロ」へとステップアップするた...
JavaScript 【実務・中級編】 変数宣言のベストプラクティス – JavaScript実践ガイド
脱・レガシー：現代のJavaScriptにおける変数宣言の「正解」とその理由フロントエンドの現場でコードレビューをしていると、未だに「とりあえず `var` で書いて、必要なら `let` に直せばいいや」という若手に出会うことがある。正直...
JavaScript 【実務・中級編】 変数シャドーイング（Variable Shadowing） – JavaScript実践ガイド
「なぜか値が取れない」を防ぐ。変数シャドーイングの正体と、現場で生き残るための作法フロントエンド開発の現場で、「あれ、この変数の値、さっき定義したはずなのに書き換わってないぞ？」とデバッガを睨みつけた経験はないだろうか。JavaScript...
JavaScript 【実務・中級編】 constで宣言したオブジェクトの変更 – JavaScript実践ガイド
なぜ `const` なのに書き換えられるのか？ JavaScriptの「参照」という残酷な現実現場でコードレビューをしていると、若手エンジニアから「`const`で宣言したはずのオブジェクトが書き換わってバグりました！」という悲鳴をたまに...
JavaScript 【実務・中級編】 forループにおけるvarとletの挙動の違い – JavaScript実践ガイド
JavaScriptの「var」と「let」：forループでハマる「あの挙動」の正体現場でコードレビューをしていると、今でもたまに遭遇するんですよね。「非同期処理の中でループ変数が全部同じ値になってしまう」というバグ。新人エンジニアが頭を抱...
JavaScript 【実務・中級編】 一時的死域（TDZ）の詳細な挙動 – JavaScript実践ガイド
やあ。現場でコードを書いていて、`ReferenceError: Cannot access '...' before initialization` というエラーに遭遇したことはあるかい？新人時代、このエラーを見て「いや、ちゃんと定義して...
JavaScript 【実務・中級編】 再宣言の可否とルール – JavaScript実践ガイド
現場で戦っていると、たまに「なぜJavaScriptはこうなっているのか？」と立ち止まりたくなる瞬間があるはずだ。特に変数の宣言。`var`、`let`、`const`の使い分けは、現代のフロントエンド開発における「基礎中の基礎」だが、いざ...
JavaScript 【実務・中級編】 スコープチェーンの仕組み – JavaScript実践ガイド
JavaScriptの「スコープチェーン」を制する者は、非同期処理とメモリ管理を制すフロントエンドの現場で「なぜか変数が参照できない」「予期せぬ値が返ってくる」というバグに頭を抱えたことはないだろうか？多くのエンジニアは `const` や...
JavaScript 【実務・中級編】 グローバルスコープとグローバルオブジェクト – JavaScript実践ガイド
「window」という名のパンドラの箱：グローバル汚染からコードを守るための処方箋現場でコードをレビューしていると、いまだに「なぜか動くから」という理由でグローバルスコープを汚染しているコードに出くわすことがある。特にブラウザ環境における ...