1年前の記事 JavaScript フレームワークがデータバインディングを実現する４通りの手法 では、Object.observe() について次のように説明した。
- JavaScript オブジェクトが変更されたときにコールバックを呼んでくれる API
- データバインディングの実装が簡単になる
- Google Chrome には実装済み
- ECMAScript 7 に提案中
- 提案が通れば MV* フレームワークの実装がシンプルになってハッピー
将来を期待されていた Object.observe() であったが、2015 年 11 月頭、ES Discuss メーリングリストへの An update on Object.observe という投稿で、ECMAScript からの提案が取り下げられて、V8 エンジンからも年内に削除される予定であることが表明された。
Object.observe() に何があったのか
メーリングリストへの投稿をざっくりと訳してみた。
3年前、Rafael Weinstein、Erik Arvidsson、私 (Adam Klein) で、データバインディングを実現するための API を設計し始めた。V8 上のブランチでプロトタイプを作成したあと、V8 チームに正式版を開発することを認めてもらった。さらに、Object.observe (以下、"O.o" と表記) を ES7 標準に提案しつつ、Polymer チームと協力して O.o を使ってデータバインディングを実装した。
3年後、世界は大きく変わった。Ember や Angular といったフレームワークは O.o に興味を示したものの、既存のモデルを O.o のモデルに発展させるのは難しかった。Polymer は 1.0 をリリースするにあたりゼロから書き直されたが、そこでは O.o は使われなかった。さらに、React のような、データバインディングでミュータブルなものを避けようとする処理モデルが人気を博している。
関係者との議論の末、Object.observe の提案を TC39 (現在、ES 仕様策定のステージ 2) から取り下げることにした。また、今年の終わりまでには V8 でのサポートを終了したいと考えている (chromestatus.com によると、Chrome がアクセスしたページのうち 0.0169% でしか O.o は利用されていない)。
O.o を使っていた開発者は、object-observe のような polyfill や observe-js のようなラッパーライブラリーを使うことを検討してほしい。
Object.observe() は他のフレームワークで使われることもなかったし、Polymer でも使われなくなってしまったので、ECMAScript への提案を取り下げる、ということのようだ。
Polymer 1.0 のデータバインディング実現方法
Polymer が Object.observe() を使わなくなった理由については、Polymer の開発にも関わっている Brian Chin さんから スレッド 内に次のようなコメントがでている。
O.o はプロパティーを変更したあと、非同期でコールバックが呼ばれるのがイケてなかった。Polymer 1.0 ではプロパティーを変更したら、すぐに変更が UI に反映されるので、利用者にも分かりやすくなっている。
モデルを書きかえた瞬間に、UI に反映されるようにしたかった、というのがメインの理由のようだ。
「じゃ、Polymer は Object.observe() の代わりに何を使ってるの？」という質問に対しては、次のような回答が出ている。
getter/setter を定義して、DOM イベントで伝搬させてるよ。詳しくは polymer-project.org を見てね。たとえば ここ とか ここ だよ
ざっと上記のページを見た感じでは、次のような感じでデータバインディングに使うプロパティーを宣言しておくらしい。
Polymer({
is: 'custom-element',
properties: {
someProp: {
type: String,
notify: true
}
}
});
スレッドには、他にも「ブラウザーでは使われないかもしれないけど、Node.js のエコシステムには大きな影響があるかもしれないから、そんなに急に削除しないでくれ」と Node.js の中の人が書き込んでいたり、「Firefox の Object.watch() はデバッガーで使われてるからすぐに削除されることはないはず」といった書き込みがあったりして興味深い。
まとめ
Object.observe() は ECMAScript 7 に入ることはなくなったので、他のブラウザーに 実装される可能性はなくなったし、Google Chrome でも近い将来、使えなくなるだろう。