DAY21JS学习--代理对象、数据劫持、深浅拷贝

DAY21JS学习--代理对象、数据劫持、深浅拷贝
摘要由CSDN通过智能技术生成

一、hasOwnProperty 方法

1、作用:判断属性和方法是否对象本身自带的

2、Object.prototype.hasOwnProperty()=>属于object原型对象上的方法,所有实例对象都可以访问

3、沿原型链上查找的方法不是它自身的(包括自身的原型对象)

二、Object.defineProperty 方法(类方法)

1、作用:

(1)给对象动态添加属性

(2)将对象属性绑定到另一个对象上

(3)数据劫持--监听对象数据变化,实现数据变化自动更新界面(vue2.x实现原理应用)

2、语法

Object.defineProperty(obj,属性,{})

三、代理proxy

1、含义:不直接对对象、函数或数组进行操作,而是把它挂载到proxy(代理)上

2、语法

let obj={
    name:'jack',
    age;18
}

let proxyObj=new Proxy(obj,{
     get(target,propery){

        return target[propery]
     }

     set(target,propery,value){
         target[propery]=value
     }
})

3、应用

通过proxy代理目标对象obj,实现数据劫持,通过代理对象proxy改变目标对象属性值时,再get、set捕获器中做些处理&

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值