Object.defineProperty 和 Proxy 的区别

Object.defineProperty是一个用来定义对象的属性或者修改对象现有的属性的函数，，而 Proxy 是一个用来包装普通对象的对象的对象。

张子俊改

Object.defineProperty是vue2响应式的原理, Proxy 是vue3响应式的原理

1)参数不同

Object.defineProperty参数
obj: 要定义属性的对象。
prop: 要定义或修改的属性的名称。

Proxy 参数

target: 要包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）

2）返回值不同

Object.defineProperty返回值

被传递给函数的对象，就是要定义或修改属性的对象

Proxy 返回值

一个Proxy代理的对象，操作这个对象会触发handler对应操作。改变原始对象不会触发。

3）数据类型不同

Object.defineProperty是函数

Proxy是一个对象

Object.defineProperty 和 Proxy 的区别相关推荐

es6相关面试题:1.rest参数；2.new.target；3.object.defineProperty与Proxy的区别；4.Reflect对象作用；5.lterator迭代器；6.async
文章目录说说对ES6中rest参数的理解说说你对new.target的理解谈谈object.defineProperty与Proxy的区别 ES6中的Reflect对象有什么用? 简单介绍下ES ...
Object.defineProperty 以及 Proxy对比和基本语法实干vue3数据响应
一.Object.defineProperty是什么? Object.defineProperty 是ES5Proxy 为开发者提供JavaScript已有却不能调用的功能,在ES5之前,js环境中的 ...
Object.defineProperty与proxy进行对比
Object.defineProperty() 和 ES2015 中新增的 Proxy 对象,会经常用来做数据劫持. 数据劫持:在访问或者修改对象的某个属性时,通过一段代码拦截这个行为,进行额外的操作 ...
Proxy与Object.defineProperty的优劣对比
Object.defineProperty 劫持数据只是对对象的属性进行劫持无法监听新增属性和删除属性需要使用 vue.set, vue.delete 深层对象的劫持需要一次性递归劫持数组时需 ...
Vue 的响应式原理中 Object.defineProperty 有什么缺陷？为什么在 Vue3.0 采用了 Proxy，抛弃了 Object.defineProperty？...
Object.defineProperty无法监控到数组下标的变化,导致通过数组下标添加元素,不能实时响应: Object.defineProperty只能劫持对象的属性,从而需要对每个对象,每个属性 ...
Proxy 与 Object.defineProperty 优劣对比
Proxy的优势如下: Proxy可以直接监听对象而非属性: Proxy可以直接监听数组的变化: Proxy有多达13种拦截方法,不限于apply.ownKeys.deleteProperty.has ...
基于Object.defineProperty实现双向数据绑定
双向数据绑定可算是前端领域经久不衰的热词,不管是前端开发还是面试都会有所涉及.而且不同的框架也想尽一切办法去实现这一特性,比如: Knockout / Backbone --- 发布-订阅模式 Ang ...
对javscript中Object.defineProperty的理解
自己在使用vue的过程中经常会用到听到数据双向绑定这个词,而且我们还可以直接通过调用this.msg(this表示vue实例),来获取data上的数据,以前一直不太明白为什么可以这样获取,直到有一 ...
Object.defineProperty的理解
一.Object.defineProperty:给一个对象定义一个新的属性或修改一个对象现有的属性,并且返回这个对象 1.语法:Object.defineProperty(参数1,参数2,参数3) 参 ...

Object.defineProperty 和 Proxy 的区别

Object.defineProperty 和 Proxy 的区别相关推荐

最新文章

热门文章