ES6黑科技实践--proxy,reflect

最新推荐文章于 2024-12-13 15:18:32 发布

程鹏飞

最新推荐文章于 2024-12-13 15:18:32 发布

阅读量1.4w

点赞数 2

分类专栏：前端文章标签：编程 JavaScript es6 proxy reflect

本文链接：https://blog.csdn.net/u013707249/article/details/78842602

版权

本文介绍了ES6中的Proxy和Reflect特性。Proxy提供了一种优雅的方式监听和控制对象访问，而Reflect是一个全局对象，包含了一些与Object原型链上的方法对应的函数，简化了对象操作。文章还通过一个监听对象变化的例子，展示了Proxy和Reflect的使用，并提到了在ES5中如何实现类似功能。最后，推荐了一些参考资料进一步了解这两个特性。

摘要由CSDN通过智能技术生成

开始之前

* reflect兼容性*

proxy兼容性

上面两图分别是截止当前，proxy和reflect的浏览器支持程度。可以看出proxy和reflect的支持已经相当好了，新一点的主流浏览器都支持了（除了IE）。

所以还是相当有必要玩耍一下的。

proxy

简单介绍

其实es6出来了这么久了，在实际的项目中也都使用es6编程。对于某些特殊的属性，如proxy，虽然用的不多，但我们或多或少也了解到proxy的用法。详细的介绍这里不赘述，可以移步MDN查看es6介绍，当然这里也有一篇大神的es6使用大全，值得深究。

总之，用一句话总结就是：改变了过去对象监听的复杂操作，使用proxy可以用一种更优雅的方式实现外部对对象的访问。

es5的实现

那么或许问题来了，在没有proxy之前，我们是怎么样实现对对象的监听呢？

其实在es5中，我们可以使用 Object.defineProperty和Object.defineProperty来实现对对象的监听。利用es5对象的getter 和 setter方法，可以实现简单的文件监听，使用方法如下：

// 如何实现一个自存档对象。 当设置temperature 属性时，archive 数组会获取日志条目。
function

最低0.47元/天解锁文章