Mutation Observer
DOMが変化したこと(ノードの追加や削除、属性の変更、テキストの更新)を通知するWeb APIである。自分が起こしたのではない変更も含め、ページ構造の変化に非同期かつ効率的に反応できる。
昔の問題はこうだった。旧来の「mutation events」は同期的で、細かな変更のたびに発火したため、性能が壊滅的に悪く、非推奨になった。Mutation Observerは正しいやり方をする。要素に対して関心のある変更の種類(子ノード、属性、テキスト、サブツリー)を登録すると、ブラウザが変更をまとめ、コールバックを非同期で呼ぶ。変更が大量でも効率的だ。
用途は、制御できないDOM(サードパーティのウィジェットやユーザー生成コンテンツ)への対応、待っている要素が現れたことの検出、動的な変化との同期、開発者ツールの構築などである。DOMの監視を、確実に、性能を損なわずに行える。3つ目のオブザーバーAPI(ほかにIntersectionとResize)で、アプリのコードでは使う機会が少ない(DOMの変化は通常フレームワークが処理する)が、ライブラリやツールには欠かせない。