JavaScript 【テクニカル・上級編】 変数シャドーイングの是非と可読性 – JavaScript実践ガイド
変数シャドーイングの是非：その「隠蔽」が引き起こすアーキテクチャの静かな崩壊JavaScriptの深淵を覗くとき、多くのエンジニアが「なんとなく動いている」という状態から脱却し、ブラウザエンジンがどうメモリを割り当て、変数をトラッキングして...
JavaScript
JavaScript JavaScript 【テクニカル・上級編】 実務におけるスコープ汚染を防ぐ設計パターン – JavaScript実践ガイド
グローバルスコープという「魔境」を破壊せよ：現代のJSアーキテクチャとスコープ汚染の鎮圧フロントエンドの現場で「なぜか値が書き換わっている」「謎のプロパティがグローバルに生えている」というバグに遭遇したことはないだろうか。それは、君が書いた...
JavaScript 【テクニカル・上級編】 プライベートクラスフィールドのスコープ – JavaScript実践ガイド
JavaScriptの「隠蔽」の正体：プライベートクラスフィールドとレキシカルスコープの深淵フロントエンドの最前線で戦う諸君なら、`#`で始まるプライベートクラスフィールドを目にしたことがあるはずだ。かつての我々が`WeakMap`を駆使し...
JavaScript 【テクニカル・上級編】 巻き上げと初期化のタイミングの差異 – JavaScript実践ガイド
エンジニア諸君。コードベースの墓場をいくつも見てきた経験から言わせてもらうと、バグの9割は「JavaScriptの挙動を理解したつもり」になっている傲慢さから生まれる。今日は、多くのエンジニアが「なんとなく」で済ませている `var` と ...
JavaScript 【テクニカル・上級編】 ループ内でのブロックスコープとクロージャの罠 – JavaScript実践ガイド
継承された「var」の呪いと、ブロックスコープがもたらすメモリの解放JavaScriptという言語は、歴史的な経緯から「あえて壊さない」という哲学のもとに進化してきた。しかし、その甘えが現場のエンジニアにとって致命的なバグの温床となることは...
JavaScript 【テクニカル・上級編】 with文によるスコープ拡張と非推奨理由 – JavaScript実践ガイド
禁断の果実「with文」を解剖する：なぜモダンJSで「死刑宣告」されているのかフロントエンドの深淵を覗き込むと、時折、歴史の遺物のような構文に出くわすことがある。その筆頭が `with` 文だ。「オブジェクトのプロパティにアクセスする際、い...
JavaScript 【テクニカル・上級編】 eval関数がスコープに与える影響 – JavaScript実践ガイド
JavaScriptの「禁忌」：evalが引き起こすスコープ汚染の深淵とアーキテクチャへの代償現場でコードレビューをしていると、稀に「なぜここで`eval`を使っているのか？」と問い詰めたくなる実装に出くわすことがある。フロントエンドのアー...
JavaScript 【テクニカル・上級編】 モジュールスコープとトップレベルの環境 – JavaScript実践ガイド
グローバル汚染を断つ：ES Modulesにおけるトップレベルスコープの真実フロントエンドのアーキテクチャを語る上で、私たちは長年「いかにしてグローバルスコープをクリーンに保つか」という泥沼の戦いを繰り広げてきました。かつてはIIFE（即時...
JavaScript 【テクニカル・上級編】 関数環境レコードとthisバインディング – JavaScript実践ガイド
関数環境レコードの深淵：`this`と`super`が支配するメモリの裏側フロントエンドのアーキテクチャを設計する際、私たちはしばしば「なぜこの関数で`this`がロストするのか」という古典的な問いに直面します。しかし、単に「アロー関数を使...
JavaScript 【テクニカル・上級編】 グローバルオブジェクトとグローバル環境レコード – JavaScript実践ガイド
グローバルオブジェクトの「深淵」を覗く：`var`、`window`、そして環境レコードの非対称性フロントエンドのアーキテクトとして多くのコードベースを渡り歩いてきたが、いまだに「なぜグローバルスコープで `var` を使うと `windo...