Proxy Class - object

// proxy : 访问代理
 const person = {
   name: 'foo',
   age: 20,
 }
 const personProxy = new Proxy(person, {
   get(target, property) {
   console.log('get', target, property)
   return target[property]
   },
   set(target, property, value) {
   console.log(target, property, value)
   return target
   },
   deleteProperty(target, property) {
     console.log('delete', property, target)
     delete target[property]
     console.log('inside',person)
   },
   has(target, prop) {
     console.log( 'proxy result', prop in target)
     return target
   },
   getPrototypeOf(target) {
     console.log( 'getPropertyOf', target)
     return target
   },
    setPrototypeOf(target) {
     console.log( 'setProperty', target)
     return target
   },
   isExtensible(target) {
     console.log( 'isExtensible', target)
     return target
   },
   preventExtensions(target){
      Object.preventExtensions(target);
      return true;
   },
   getOwnPropertyDescriptor(target, prop) {
   let x= Object.getOwnPropertyDescriptor(target, prop) 
    console.log('gg',x) 
    },
    ownKeys(target){
      let x=  Object.getOwnPropertyNames(target)
      let y = Object.getOwnPropertySymbols(target)
      let z =  Object.keys(target)
      let j = Reflect.ownKeys(target)
      console.log('called',x)
      return x
    }
 })
 
 
// proxy内先打印
// 把personProxy 当作 person 对象来用 =》 personProxy 会对proxy 监视 + 操作 , 具体操作在 proxy 的方法里 实现
// personProxy.get(person, name) // 错误写法 第一次尝试

// 对象监视
// personProxy.name
// personProxy.sex = 0
// delete personProxy.age
// console.log(1,'age' in person)
// console.log(2,'age' in personProxy)
// console.log('personProxy is', personProxy) 
// Object.getPrototypeOf(personProxy)
// Object.getPrototypeOf(person)
// Object.isExtensible(personProxy)
// Object.preventExtensions(personProxy)
// Object.isExtensible() 方法判断一个对象是否是可扩展的(是否可以在它上面添加新的属性)。
// Object.getOwnPropertyDescriptor(personProxy,'age')
//Object.defineProperty(person, 'gender', {
//  enumerable: true,     //enumerable 定义了对象的属性是否可以在 for...in 循环和 Object.keys() 中被枚举。
//  configurable: false,  //不可配置的
//  writable: false,     // 不可写的, 不能被重新赋值
//  value: 0
//})
// Object.getOwnPropertyNames(personProxy)
// Object.getOwnPropertySymbols(personProxy)
// Object.keys(personProxy)
// Reflect.ownKeys(personProxy)



// 函数 监视
//  apply
//  construct
 
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值