首页 > 其他 > 详细

ES6 Proxy函数和对象的增强

时间:2019-05-13 22:43:04      阅读:125      评论:0      收藏:0      [点我收藏+]
Proxy 代理 ES6增强 对象和函数(方法) 生命周期 预处理 get set apply 方法
 
let obj = {
  add: function (val) {
    return val + 100
},
  name: ‘js‘
}
console.log(obj.add(100));
console.log(obj.name);

// get set 
let pro = new Proxy({
  add: function (val) {
    return val + 100
},
  name: ‘js‘
}, {
  get: function (target, key, property) {
    console.log(‘Get‘);
    return target[key]
},
  set: function (target, key, value, relelver) {
    console.log(`${key}=${value}`);
    return target[key] = value+‘123‘
  }
})
console.log(pro.name);
pro.name = ‘技术‘
console.log(pro.name);
 
// apply
let targer=function(){
  return ‘targer‘
}
let handler={
  apply(targer,ctx,args){
    console.log(‘do apply‘);
    return Reflect.apply(...arguments)
  }
}
let pro=new Proxy(targer,handler)
console.log(pro());

ES6 Proxy函数和对象的增强

原文:https://www.cnblogs.com/sunyang-001/p/10859192.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!