Object.defineProperty和Proxy对对象的修改和添加

最新推荐文章于 2023-12-03 14:32:47 发布

Little_Pig_Bug

最新推荐文章于 2023-12-03 14:32:47 发布

阅读量457

点赞数

分类专栏： es6

本文链接：https://blog.csdn.net/Little_Pig_Bug/article/details/111588796

版权

es6 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1.Object.defineProperty(target, property,desc )

const obj = {a: 1,b:2}
Object.defineProperty(obj,'c',{value:3})
console.log(obj)   // {a: 1,b:2,c: 3}

2.Proxy(target, handler) 不仅可以对对象还可以对数组进行修改

const obj = {a: 1,b:2}
const proxyValue = new Proxy(obj,{
  get: (target, propKey, receiver)=>{
   return Reflect.get(target, propKey, receiver)
 },
  set: (target, propKey, value, receiver)=>{
   return Reflect.set(target, propKey, value, receiver)
 }
})
proxyValue.c = 3
console.log(proxyValue)   // {a: 1,b:2,c:3}

const arr = [{a: 1},{b:2}]
const proxyValue = new Proxy(arr,{
  get: (target, propKey, receiver)=>{
   return Reflect.get(target, propKey, receiver)
 },
  set: (target, propKey, value, receiver)=>{
   return Reflect.set(target, propKey, value, receiver)
 }
})
proxyValue.push({d:343})   // [{a: 1},{b:2},{d:343}]