标签:
ES6今天正式发布了(路边社消息),反正也就是今个月会发布的,之前很多ES6的特性已经被炒得很热了,可是总感觉和我们关系不大,因为要么是有些还没支持,要么是实用性还不是很大,可是今天介绍的是一个大家一定很熟悉或者用过或是听过的一个方法。
相信从事前端的肯定都用过angular吧,没用过也听过它的大名吧,它的其中一个特性就是双向绑定,例如页面绑定一个变量,当变量改变,页面的代码也马上更新。其实说到底就是监听一个变量的变化,我们知道HTML5中的input标签是有个change方法,当标签的value改变的时候就会触发这个change事件,就能够实现改变的时候更新变量,可是当你要监听一个变量怎么监听?原生的是没有办法,要做的只有设个计时器,定期检查这个变量有没有改变,可是这样代价很大,虽然angular也是这么做,不过人家是使代价降到最低了。可是现在有了ES6这个特性就能轻松实现这个功能了。
Object.observe(value,function(){});
var modal = {"a":1} Object.observe(modal,function(changes){alert(changes)}); modal.a = 2
当modal改变的时候会马上触发方法,这个时候我们就可以做相应的更新操作了。是不是很酷炫呢?不过这个我只在CHROME 36.0或以上版本试过,大家有兴趣可以自己去试试。
标签:
原文地址:http://www.cnblogs.com/brianwong/p/4585783.html