JavaScript

JavaScriptにおいて、thisが何を指すのかという問題は、今なお多くの開発者を悩ませるトピックです。しかし、モダンな開発現場では、闇雲に挙動を暗記するのではなく、ランタイムでthisがどのように決定されるかのルールを「制御」するとい...

JavaScriptにおいて、Function.prototype.callは多くのエンジニアにとって「thisの束縛を行うための地味なメソッド」という認識ではないでしょうか。確かにReactの関数コンポーネントやHooksが主流となった現...

async/awaitは単なる「書き換え」ではないJavaScriptにおける非同期処理の代名詞となったasync関数。多くのエンジニアは「Promiseを綺麗に書くための糖衣構文（シンタックスシュガー）」と認識しています。しかし、その本質...

yieldの役割とイテレータの委譲JavaScriptにおけるジェネレータ関数で、別のジェネレータや反復可能オブジェクト（Iterable）の結果をそのまま出力したいとき、皆さんはどうしていますか。手動でループを回してyieldするのは冗長...

yieldは「一時停止ボタン」のような存在皆さんは、プログラミングをしていて「この処理、一度止めてから続きはまた今度やりたいな」と思ったことはありませんか？通常の関数は、呼び出されると最初から最後まで一気に駆け抜けて終わります。しかし、Ja...

フロントエンド開発の現場では、Promiseやasync/awaitが主流となり、Generator関数（function）の出番は減ったように感じるかもしれません。しかし、Generator関数は単なる「反復子（イテレータ）を作るための道...

JavaScriptやTypeScriptにおいて、デフォルト引数はコードを簡潔にする強力なツールです。しかし、実務の現場では「なんとなく」使っていると、予期せぬバグや設計の負債を招くことがあります。単なる「値の初期化」を超えた、プロの視点...

JavaScriptで関数を作るとき、「引数がいくつ渡されるか分からない」という状況に困ったことはありませんか？例えば、合計値を計算する関数を作りたいとき、2つの数字だけでなく、10個でも100個でも足せるようにしたい場合、従来の方法では少...

JavaScriptの関数内で、渡された引数を配列のように扱える「argumentsオブジェクト」。かつては可変長引数を処理する唯一の方法でしたが、現代のモダンな開発においては、その特性を理解した上で「なるべく使わない」という選択が推奨され...

なぜ今さらIIFEなのかフロントエンド開発の現場では、ES Modulesの普及により、かつてグローバル汚染を防ぐための「防波堤」として重宝されたIIFE（即時実行関数）の出番は激減しました。しかし、レガシーコードの保守や、特定のビルド環境...