reflect

2022-08-11  本文已影响0人  5cc9c8608284

Reflect

  1. Reflect是什么?

Reflect是一个内置的JS对象,它提供了一系列方法,可以让开发者通过调用这些方法,访问一些JS底层功能

由于它类似于其他语言的反射,因此取名为Reflect

  1. 它可以做什么?

使用Reflect可以实现诸如 属性的赋值与取值、调用普通函数、调用构造函数、判断属性是否存在与对象中 等等功能

  1. 这些功能不是已经存在了吗?为什么还需要用Reflect实现一次?

有一个重要的理念,在ES5就被提出:减少魔法、让代码更加纯粹

这种理念很大程度上是受到函数式编程的影响

ES6进一步贯彻了这种理念,它认为,对属性内存的控制、原型链的修改、函数的调用等等,这些都属于底层实现,属于一种魔法,因此,需要将它们提取出来,形成一个正常的API,并高度聚合到某个对象中,于是,就造就了Reflect对象

因此,你可以看到Reflect对象中有很多的API都可以使用过去的某种语法或其他API实现。

  1. 它里面到底提供了哪些API呢?
let o={
  a:1,
  b:2
}
o.a=333
console.log(o);

Reflect.set(o,'c','test')
console.log(o);
let o={
  a:1,
  b:2
}
o.a=333

Reflect.set(o,'c','test')
console.log(Reflect.get(o,'c'));//test
function test(a,b){
  console.log('test',a,b);
}
// 原来
// test(1,2)
Reflect.apply(test,null,[1,2])//test 1 2
const obj={
  a:1,
  b:2
}
// 删除对象的某个属性
// delete obj.a
// console.log(obj);//{b: 2}

Reflect.deleteProperty(obj,'a')
console.log(obj);//{b: 2}
const obj={
  a:1,
  b:2
}
// Object.defineProperty(obj,'c',{
//   value:'testc'
// })
Reflect.defineProperty(obj,'test',{
  value:'test'
})
console.log(obj);
function Person (name,age){
  this.name=name;
  this.age=age
}
// let p1=new Person('zahngsna',18);
let p2=Reflect.construct(Person,['lisi',18])
console.log(p2);
let o={
  name:'test',
  age:18
}
// for(let key in o){
//   console.log(key);
// }
// console.log('name' in o);//true
console.log(Reflect.has(o,'name'));//true
上一篇 下一篇

猜你喜欢

热点阅读