ES6 Reflect 映射

Reflect

Reflect是ES6 提供的新语法，将Object 一些内部方法，放到Reflect 对象上。也就是说Reflect 对象上可以获得语言内部的方法。

let newObj = new Proxy(obj,{
  get(target,val){
    console.log('get',target,val);
    return Reflect.get(target,val);
  },
	has(target,val){
    console.log('has' + val);
    return Reflect.has(target.name);
  },
  deleteProperty(target,val){
    console.log('delete' + val);
    return Reflect.deleteProperty(target,val);
  }
})
// 代码中，每一个Proxy对象的拦截操作（get、delete、has），内部都调用对应的Reflect方法，保证原生行为能够正常执行。添加的工作，就是将每一个操作输出一行日志。

13个静态方法

• Reflect.get(target, name, receiver)：查找并返回target对象的name属性；
• Reflect.set(target, name, value, receiver)：设置target对象的name属性等于value ；
• Reflect.has(target, name)：对应name in obj里面的in运算符；
• Reflect.deleteProperty(target, name)：等同于delete obj[name]，用于删除对象的属性；
• Reflect.construct(target, args)：等同于new target(...args)，这提供了一种不使用new，来调用构造函数的方法；
• Reflect.getPrototypeOf(target)：用于读取对象的__proto__属性，对应Object.getPrototypeOf(obj)；
• Reflect.setPrototypeOf(target, prototype)：用于设置目标对象的原型（prototype），对应Object.setPrototypeOf(obj, newProto)方法。它返回一个布尔值，表示是否设置成功；
• Reflect.apply(target, thisArg, args)：等同于Function.prototype.apply.call(func, thisArg, args)，用于绑定this对象后执行给定函数；
• Reflect.defineProperty(target, name, desc)：等同于Object.defineProperty，用来为对象定义属性；
• Reflect.getOwnPropertyDescriptor(target, name)：等同于Object.getOwnPropertyDescriptor，用于得到指定属性的描述对象；
• Reflect.isExtensible(target)：对应Object.isExtensible，返回一个布尔值，表示当前对象是否可扩展；
• Reflect.preventExtensions(target)：对应Object.preventExtensions方法，用于让一个对象变为不可扩展。它返回一个布尔值，表示是否操作成功；
• Reflect.ownKeys(target)：用于返回对象的所有属性，基本等同于Object.getOwnPropertyNames与Object.getOwnPropertySymbols之和；

let obj = {
  name: 'shaoin',
  age: 88,
  get add(){
    return this.name + ': ' + this.age;
  }
}
Reflect.get(obj,'name') // shaoin
Reflect.get(obj,'age') // 18
Reflect.get(obj,'add') // shaoin: 18

let obj = {
  name: 'shaoin',
  age: 88,
  get add(){
    return this.name + ': ' + this.age;
  },
  set change(num){
    return this.age = num;
  }
}
Reflect.set(obj,'age',78) 
obj.age // 78

Reflect.set(obj,'change',68)
obj.age // 68

let obj = {
  name: 'shaoin',
  age: 88
}
'name' in obj // true
// 相当于
Reflect.has(obj,'name') // true

let obj = {
  name: 'shaoin',
  age: 88
}
delete obj.age;
// 相当于
Reflect.deleteProperty(obj,'age')

function Fn(val){
  this.name = val;
}
let fn = new Fn('shaoin');
// 相当于
let fn = Reflect.construct(Fn,['shaoin']);

使用 Proxy 实现观察者模式

const observers = new Set();
let observe = (fn) =>{
  return observers.add(fn);
};
let observable = (obj)=>{
  return new Proxy(obj,{set});
};
function set(target,key,val,receiver){
  const result = Reflect.set(target,key,val,receiver);
  observers.forEach(observer => observer());
	return result
}
// observable函数返回原始对象的代理，拦截赋值操作。拦截函数set之中，会自动执行所有观察者

参考文献

阮一峰老师的 ECMAScript 6 入门

---

点赞 评论 收藏 ~~ 今天的学习记录暂时到这... 相互关注指点一波。~~ 点赞 评论 收藏