Proxy 与 Object.defineProperty 优劣对比[面试题详解]

今天爱分享给大家带来Proxy 与 Object.defineProperty 优劣对比[面试题详解],希望能够帮助到大家。
Proxy 的优势如下:

Proxy 可以直接监听对象而非属性;

Proxy 可以直接监听数组的变化;

Proxy 有多达 13 种拦截方法,不限于 apply、ownKeys、deleteProperty、has 等等是 Object.defineProperty 不具备的;

Proxy 返回的是一个新对象,我们可以只操作新的对象达到目的,而 Object.defineProperty 只能遍历对象属性直接修改;

Proxy 作为新标准将受到浏览器厂商重点持续的性能优化,也就是传说中的新标准的性能红利;

Object.defineProperty 的优势如下:

兼容性好,支持 IE9,而 Proxy 的存在浏览器兼容性问题,而且无法用 polyfill 磨平,因此 Vue 的作者才声明需要等到下个大版本( 3.0 )才能用 Proxy 重写。

人已赞赏
前端

vue-router 中hash和history路由模式实现原理是什么【面试题详解】

2020-11-28 23:28:08

前端

虚拟 DOM 的优缺点是什么【面试题详解】

2020-11-28 23:29:36

'); })();