Reflect是什么?

Reflect是一个内置的JS对象,它提供了一系列方法,可以让开发者通过调用这些方法,访问一些JS底层功能
由于它类似于其他语言的反射,因此取名为Reflect。
Reflect使用函数式编程,来实现已有的部分功能

它可以做什么?

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

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

有一个重要的理念,在ES5就被提出:减少魔法、让代码更加纯粹
这种理念很大程度上是受到函数式编程的影响
ES6进一步贯彻了这种理念,它认为,对属性内存的控制、原型链的修改、函数的调用等等,这些都属于底层实现,属于一种魔法,因此,需要将它们提取出来,形成一个正常的API,并高度聚合到某个对象中,于是,就造就了Reflect对象
因此,你可以看到Reflect对象中有很多的API都可以使用过去的某种语法或其他API实现。

个人补充:因为在函数式编程中 js的很多方法都是存在魔法的,(魔法是指依靠底层提供的关键字;例如 obj.a = 1; 这个等于号在函数式编程中就可以认为是魔法,如果底层没给你规定这个关键字,你自己就无法实现这个功能,故认为等号为魔法)

Reflect提供的api

  • Reflect.set(target, propertyKey, value): 设置对象target的属性propertyKey的值为value,等同于给对象的属性赋值
    1. const obj = {
    2. a:1,
    3. b:2,
    4. }
    5. obj.a = 123;
    6. //等效于下面的代码
    7. Reflect.set(obj,"a",123)
  • Reflect.get(target, propertyKey): 读取对象target的属性propertyKey,等同于读取对象的属性值
    1. const obj = {
    2. a:1,
    3. b:2,
    4. }
    5. console.log(obj.a)
    6. //等效于下面的代码
    7. console.log(Reflect.get(obj,"a"))
  • Reflect.apply(target, thisArgument, argumentsList):调用一个指定的函数,并绑定this和参数列表。等同于函数调用
    1. const obj = {
    2. a:1,
    3. b:2,
    4. }
    5. function func (...a){
    6. console.log(this,a)
    7. }
    8. func.apply(obj,[obj.a,obj.b])
    9. //等效于下面的代码
    10. Reflect.apply(func,obj,[obj.a,obj.b])
  • Reflect.deleteProperty(target, propertyKey):删除一个对象的属性
    1. const obj = {
    2. a:1,
    3. b:2,
    4. }
    5. delete obj.a
    6. //等效于下面的代码
    7. Reflect.deleteProperty(obj,"a")
  • Reflect.defineProperty(target, propertyKey, attributes):类似于Object.defineProperty,不同的是如果配置出现问题,返回false而不是报错
    1. const obj = {
    2. a:1,
    3. b:2,
    4. }
    5. Object.defineProperty(obj,"a",{
    6. value:100,
    7. })
    8. //等效于下面的代码
    9. Reflect.defineProperty(obj,"a",{
    10. value:100
    11. })
  • Reflect.construct(target, argumentsList):用构造函数的方式创建一个对象
    1. function Hexo(name){
    2. this.name = name;
    3. }
    4. const hexo = new Hexo('张三');
    5. //等效于下面的代码
    6. let hexo = Reflect.construct(Hexo,["张三"])
  • Reflect.has(target, propertyKey): 判断一个对象是否拥有一个属性
    1. const obj = {
    2. a:1,
    3. b:2,
    4. }
    5. console.log("a" in obj)
    6. //等效于下面的代码
    7. console.log(Reflect.has(obj,'a'))
  • 其他API:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Reflect