JavaScript 【実務・中級編】 ToString変換のルール – JavaScript実践ガイド
JavaScriptを書いていると、気づかないうちに裏側でデータ型が変換されていて、頭を抱えた経験はないだろうか？「文字列と数値を足したら、なぜか連結された」「オブジェクトをテンプレートリテラルに埋め込んだら `` になって絶望した」――お...
JavaScript
JavaScript JavaScript 【実務・中級編】 ToNumber変換のルールと例外 – JavaScript実践ガイド
JavaScriptを書いていると、夜な夜な不可解なバグに遭遇することはないだろうか。「あれ、なんでこの条件分岐すり抜けたんだ？」「ログ出したら `NaN` って出てきたんだけど、俺のコードどこで間違った？」大抵の場合、犯人はこいつだ。「暗...
JavaScript 【実務・中級編】 Falsyな値の全リストと暗黙の型変換 – JavaScript実践ガイド
お疲れ。ちょっと手を止めてこっちを向いてくれ。君もこれまでのキャリアで、何度となく出会ってきたはずだ。「あれ、なんでこの条件分岐すり抜けたんだ？」という謎のバグに。APIから返ってきたレスポンスをそのまま `if (data.items)`...
JavaScript 【実務・中級編】 nullとundefinedの比較と型判定の落とし穴 – JavaScript実践ガイド
フロントエンドの最前線で戦う諸君、お疲れ様。コードを書いていると、ふと遭遇する「あれ？なぜこうなるんだ？」という瞬間。JavaScriptには、言語仕様の歴史という名の「呪い」がいくつか潜んでいる。その代表格が、今回取り上げる `null`...
JavaScript 【実務・中級編】 Object.prototype.isPrototypeOfの活用 – JavaScript実践ガイド
おい、調子はどうだい？最近、コードレビューをしていて「おっ、これよく分かってるな」と感心させられるコードに出会うこともあれば、「あー、ここでその判定使っちゃうか……」と頭を抱えたくなる瞬間もある。特にフロントエンドの実務で頭を悩ませるのが、...
JavaScript 【実務・中級編】 instanceof演算子の内部メカニズムとSymbol.hasInstance – JavaScript実践ガイド
お疲れ。最近、コードレビューをしていて気になることがあるんだよね。「この変数、配列かどうか怪しいから `instanceof Array` でチェックしとこ」とか、「クラスのインスタンス判定に `instanceof` 使ってるんだけど、な...
JavaScript 【実務・中級編】 ホストオブジェクト（DOM/Window）の型判定 – JavaScript実践ガイド
やあ、調子はどうだい？今日も元気にDOMのツリー構造と格闘していることだろう。フロントエンドの中級からシニアにステップアップする過程で、誰もが一度は「あれ？」と首を傾げる瞬間がある。そう、JavaScriptの型判定の魔境、特にブラウザのホ...
JavaScript 【実務・中級編】 Symbol型の特殊な挙動とtypeof – JavaScript実践ガイド
おい、最近コード書いてるか？中堅の壁にぶつかって、「動くには動くけど、なんでこうなるんだっけ？」って立ち止まる瞬間、あるよな。非常にいい傾向だ。その「なぜ？」を深掘りする姿勢こそが、君をただのコーダーから本物のフロントエンド・アーキテクチャ...
JavaScript 【実務・中級編】 BigIntとNumber型の相互運用性の制限 – JavaScript実践ガイド
現場で戦っていると、一度は必ずぶち当たる「壁」がある。それが `BigInt` と `Number` の混在だ。「え、JSって何でもよしなに計算してくれるんじゃないの？」という甘い期待を、JavaScriptのエンジンは容赦なく打ち砕いてく...
JavaScript 【実務・中級編】 BigIntの型判定とtypeof演算子の挙動 – JavaScript実践ガイド
BigIntの「罠」と型判定のリアル：Numberとの境界線を見極めるフロントエンドの現場でAPIから巨大なID（例えば19桁のTwitter/Xの雪片IDなど）を受け取ったとき、`JSON.parse`した瞬間に末尾の数値が丸められて絶望...