前端开发es6入门基础

ES6基础入门教程(十九)Object新方法—Reflect

2019-11-15  本文已影响0人  党云龙

概念


你还记不记得,再es5里面有好多类似object.defineproperty或者object.keys这样的操作对象的方法。
这几个方法,如果没获取到值,就会直接报错。
你说对了,这个Reflect对象就是用来替代Object的,如果没有获取到值就会返回false。
Reflect中的方法跟Proxy中的是一样的。因为他本身就是对象。。

用法:


理论上来说,任何操作对象的方式,例如说,读取值,设置key等等等,在Reflect对象上都存在,这个东西就是es6设置出来
把以前那些混乱的操作方法都统一。

let obj = {
    name:"objname",
    arr:[1,2,3,4],
    fun:()=>{
        console.log(123);
    }
}
console.log(Reflect.get(obj,"name"));

设置也是一样的

let obj = {
    name:"objname",
    arr:[1,2,3,4],
    fun:()=>{
        console.log(123);
    }
}
Reflect.set(obj, "name", "333");
console.log(Reflect.get(obj,"name"));

再来一个官方的稍微复杂一点的例子

var myObject = {
  foo: 4,
  set bar(value) {
    return this.foo = value;
  },
};
var myReceiverObject = {
  foo: 0,
};
Reflect.set(myObject, 'bar', 1, myReceiverObject);
myObject.foo // 4
myReceiverObject.foo // 1

如果你set赋值的时候,在那个对象种,正好监听的这个赋值,那就会触发这个行为。

上一篇下一篇

猜你喜欢

热点阅读