変数とスコープ(const, let, var, ブロックスコープ, 巻き上げ)

スポンサーリンク
JavaScript

【実務・中級編】 厳格モード(use strict)と変数宣言 – JavaScript実践ガイド

「なぜ今さら『use strict』?」――プロの現場で生き残るための静かなる防波堤フロントエンドの最前線でコードを書いていると、ついモダンなフレームワークやビルドツールに目を奪われがちだ。しかし、どれほどReactやTypeScriptで...
JavaScript

【実務・中級編】 モジュールスコープ – JavaScript実践ガイド

なぜ「グローバル汚染」は終わらないのか? ES Modulesがもたらした静かな革命現場でコードを書いていて、「なぜこの変数が他のファイルから参照できてしまうんだ?」と頭を抱えた経験はないだろうか。特に、かつてのjQuery全盛期や、``タ...
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` や...
スポンサーリンク