Object.observe() 引爆数据绑定革命

luoyjx · 2015-06-22 22:00 · 387次阅读

本文转载自HTML5 Rocks,由Addy Osmani编写,原文地址:http://www.html5rocks.com/zh/tutorials/es7/observe/

介绍

一场革命正在来临。JavaScript增加了一个新机能,其将改变以往你对数据绑定的所有认知。它也将会改变当今的MVC框架实现监听数据模型编辑、更新行为的方法。那些关注属性监听的应用将会得到性能上的提升,你准备好了吗?

好了,赶快进入正题吧。我很高兴地宣布,「Object.observe()」正式在 Chrome 36 稳定版中可用了。【哇哦~此处应该有掌声】.

Object.observe(),作为未来ECMAScript标准的一部分,是一个用于异步监听JavaScript对象变化的方法,并且无需使用额外的JavaScript库。它允许监听器接受一个按时间顺序排列的变更记录序列,这些变更记录描述了被监听对象所发生变化的内容的集合。

// 假设我们这里有个数据模型
var model = {};

// 我们来对它进行监听
Object.observe(model, function(changes){

    // 这个异步回调函数将被执行
    changes.forEach(function(change) {

        // 我们知道了都发生了哪些变化
        console.log(change.type, change.name, change.oldValue);
    });
});

数据模型发生的任何变化都会被记录下来: 记录数据模型变化

完整译文见 w3ctech

收藏

暂无评论

登录后可以进行评论。没有账号?马上注册