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

スポンサーリンク
JavaScript

【入門編】 constの不変性とオブジェクトのミュータビリティ – JavaScript実践ガイド

こんにちは。フロントエンドの現場で長年コードを書き続けていると、「JavaScriptの変数って、意外と意地悪だよね」と感じることがよくあります。特に初学者の皆さんが最初にぶつかる壁が、この「`const`で宣言したはずなのに、中身が変わっ...
JavaScript

【入門編】 ブラウザデバッガでのスコープ確認手法 – JavaScript実践ガイド

こんにちは。フロントエンドの最前線でコードと格闘し続けているチーフアーキテクトです。JavaScriptを書き始めたばかりの頃、「あれ、さっきまで使えていた変数が、なぜか突然エラーになるぞ……?」なんて経験、一度はありますよね。大丈夫、それ...
JavaScript

【入門編】 変数シャドーイングの是非と可読性 – JavaScript実践ガイド

こんにちは!フロントエンドの現場で長年コードと向き合っていると、「動くのは当たり前、読みやすさこそが正義」という境地にたどり着きます。今日は、JavaScriptの初心者が一度は必ずと言っていいほど頭を悩ませる「変数シャドーイング」について...
JavaScript

【入門編】 実務におけるスコープ汚染を防ぐ設計パターン – JavaScript実践ガイド

こんにちは!フロントエンドの現場で長年コードと向き合っていると、「あれ、この変数はどこで書き換えられたんだ?」というバグに頭を抱えることが本当によくあります。JavaScriptを始めたばかりの頃、誰もが一度は通る道……それが「グローバル汚...
JavaScript

【入門編】 プライベートクラスフィールドのスコープ – JavaScript実践ガイド

こんにちは。JavaScriptの世界へようこそ。コードを書いていると、「あれ?さっきまで見えていたはずの箱(変数)が、どこかに行っちゃったぞ?」なんて経験、一度はありますよね。今日は、そんな「スコープ(見通せる範囲)」の悩みの中でも、ちょ...
JavaScript

【入門編】 巻き上げと初期化のタイミングの差異 – JavaScript実践ガイド

JavaScriptの世界へようこそ!フロントエンドの深淵を覗き込もうとしているあなたへ、まずは「ようこそ、このエキサイティングな迷宮へ!」と伝えたいです。JavaScriptを学び始めると、必ずと言っていいほど「巻き上げ(Hoisting...
JavaScript

【入門編】 ループ内でのブロックスコープとクロージャの罠 – JavaScript実践ガイド

こんにちは。JavaScriptの深淵へようこそ。現場でコードを書いていると、「あれ、なんで動かないんだ?」と頭を抱える瞬間がありますよね。特に駆け出しの頃、最も多くのエンジニアが「魔法かよ!」と叫びたくなる瞬間の一つが、「ループの中で動く...
JavaScript

【入門編】 with文によるスコープ拡張と非推奨理由 – JavaScript実践ガイド

こんにちは!フロントエンドの現場で長年コードと向き合っていると、「昔の書き方」と「今の正解」の違いに驚かされることがよくあります。今日は、JavaScriptの歴史の中でも、ある種「伝説の禁じ手」として扱われている`with`文についてお話...
JavaScript

【入門編】 eval関数がスコープに与える影響 – JavaScript実践ガイド

こんにちは。フロントエンドの現場で長年コードと向き合ってきた「おじさん」こと、チーフアーキテクトです。JavaScriptを学び始めると、必ず一度は「魔法のような関数」に出会うはずです。それが今回取り上げる`eval`関数。文字列をそのまま...
JavaScript

【入門編】 モジュールスコープとトップレベルの環境 – JavaScript実践ガイド

こんにちは!フロントエンドの現場で長年コードと向き合っていると、ふと「JavaScriptの変数って、なんでこんなに場所によって振る舞いが違うんだろう?」と立ち止まりたくなる瞬間がありますよね。特に、最近のWeb開発の主流である「ES Mo...
スポンサーリンク