reflect

作者: 5cc9c8608284 | 来源:发表于2022-08-11 17:28 被阅读0次

    Reflect

    1. Reflect是什么?

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

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

    1. 它可以做什么?

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

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

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

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

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

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

    1. 它里面到底提供了哪些API呢?
    • Reflect.set(target, propertyKey, value): 设置对象target的属性propertyKey的值为value,等同于给对象的属性赋值
    let o={
      a:1,
      b:2
    }
    o.a=333
    console.log(o);
    
    Reflect.set(o,'c','test')
    console.log(o);
    
    • Reflect.get(target, propertyKey): 读取对象target的属性propertyKey,等同于读取对象的属性值
    let o={
      a:1,
      b:2
    }
    o.a=333
    
    Reflect.set(o,'c','test')
    console.log(Reflect.get(o,'c'));//test
    
    • Reflect.apply(target, thisArgument, argumentsList):调用一个指定的函数,并绑定this和参数列表。等同于函数调用
    function test(a,b){
      console.log('test',a,b);
    }
    // 原来
    // test(1,2)
    Reflect.apply(test,null,[1,2])//test 1 2
    
    • Reflect.deleteProperty(target, propertyKey):删除一个对象的属性
    const obj={
      a:1,
      b:2
    }
    // 删除对象的某个属性
    // delete obj.a
    // console.log(obj);//{b: 2}
    
    Reflect.deleteProperty(obj,'a')
    console.log(obj);//{b: 2}
    
    • Reflect.defineProperty(target, propertyKey, attributes):类似于Object.defineProperty,不同的是如果配置出现问题,返回false而不是报错
    const obj={
      a:1,
      b:2
    }
    // Object.defineProperty(obj,'c',{
    //   value:'testc'
    // })
    Reflect.defineProperty(obj,'test',{
      value:'test'
    })
    console.log(obj);
    
    • Reflect.construct(target, argumentsList):用构造函数的方式创建一个对象
    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);
    
    • Reflect.has(target, propertyKey): 判断一个对象是否拥有一个属性
    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
    

    相关文章

      网友评论

          本文标题:reflect

          本文链接:https://www.haomeiwen.com/subject/xmxfgrtx.html