ES6中Reflect对象使用详解（附代码）

已于 2022-08-25 13:10:48 修改
阅读量2.2k 收藏 6
点赞数 1
分类专栏： es6 javascript 文章标签： javascript 前端 开发语言
于 2022-08-15 11:29:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_55258023/article/details/126343298
版权
本文详细介绍了ES6中的Reflect对象，包括Reflect.get、Reflect.set、Reflect.has、Reflect.deleteProperty等方法的使用，阐述了Reflect对象如何提供对对象操作的函数行为，并讨论了其在对象扩展和属性管理中的作用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

目录

Reflect的方法

 Reflect.get(target, name, receiver)

Reflect.set(target, name, value, receiver)

Reflect.has(obj, name)

Reflect.deleteProperty(obj, name)

Reflect.ownKeys (target)

Reflect.preventExtensions(target)

Reflect.isExtensible (target)

Reflect.defineProperty(target, propertyKey, attributes)

Reflect.getOwnPropertyDescriptor(target, propertyKey)

Reflect.apply(func, thisArg, args)

概述

Reflect对象与Proxy对象一样，也是 ES6 为了操作对象而提供的新 API。Reflect对象的设计目的有这样几个。

1.将Object对象的一些明显属于语言内部的方法（比如Object.defineProperty），放到Reflect对象上。现阶段，某些方法同时在Object和Reflect对象上部署，未来的新方法将只部署在Reflect对象上。也就是说，从Reflect对象上可以拿到语言内部的方法。

2.修改某些Object方法的返回结果，让其变得更合理。比如，Object.defineProperty(obj, name, desc)在无法定义属性时，会抛出一个错误，而Reflect.defineProperty(obj, name, desc)则会返回false。

3.让Object操作都变成函数行为。某些Object操作是命令式，比如name in obj和delete obj[name]，而Reflect.has(obj, name)和Reflect.deleteProperty(obj, name)让它们变成了函数行为。

4.Reflect对象的方法与Proxy对象的方法一一对应，只要是Proxy对象的方法，就能在Reflect对象上找到对应的方法。这就让Proxy对象可以方便地调用对应的Reflect方法，完成默认行为，作为修改行为的基础。也就是说，不管Proxy怎么修改默认行为，你总可以在Reflect上获取默认行为。

Reflect的方法

  • Reflect.apply(target, thisArg, args)
  • Reflect.construct(target, args)
  • Reflect.get(target, name, receiver)
  • Reflect.set(target, name, value, receiver)
  • Reflect.defineProperty(target, name, desc)
  • Reflect.deleteProperty(target, name)
  • Reflect.has(target, name)
  • Reflect.ownKeys(target)
  • Reflect.isExtensible(target)
  • Reflect.preventExtensions(target)
  • Reflect.getOwnPropertyDescriptor(target, name)
  • Reflect.getPrototypeOf(target)
  • Reflect.setPrototypeOf(target, prototype)

 Reflect.get(target, name, receiver)

Reflect.get(target, name, receiver)

Reflect.get方法查找并返回target对象的name属性，如果没有该属性，则返回undefined。

如果name属性部署了读取函数（getter），则读取函数的this绑定receiver。

    <script>
        // Reflect.get(target, name, receiver)
        // Reflect.get方法查找并返回target对象的name属性，如果没有该属性，则返回undefined。

        let obj = {
            name: '再努力些吧',
            age: 18,
            work: '前端',
            get baz() {
                return this.name + '的' + this.age;
            },

        }
        console.log(Reflect.get(obj, 'name'));//再努力些吧
        console.log(Reflect.get(obj, 'age'));//18
        console.log(Reflect.get(obj, 'work'));//前端
        console.log(Reflect.get(obj, 'sex'));//undefined

        // 如果name属性部署了读取函数（getter），则读取函数的this绑定receiver。

        let newObj = {
            name: '不能摆烂',
            age: 28
        }

        console.log(Reflect.get(obj, 'baz', newObj));//不能摆烂的28


    </script>

Reflect.set(target, name, value, receiver)

注意：Reflect.set，方法用法复杂，我只是简单展示用法，具体详细的建议去 阮一峰的ES6 去看

Reflect.set(target, name, value, receiver)

Reflect.set方法设置target对象的name属性等于value。

如果name属性设置了赋值函数，则赋值函数的this绑定receiver。

    <script>

        // Reflect.set(target, name, value, receiver)
        // Reflect.set方法设置target对象的name属性等于value。
        let obj = {
            name: '再努力些吧',
            age: 18,
            work: '前端',
            set baz(value) {
                return this.age = value
            },

        }




        Reflect.set(obj, 'name', '今天努力了吗')
        console.log(obj.name);//今天努力了吗


        // 如果name属性设置了赋值函数，则赋值函数的this绑定receiver。

        let newObj = {
            name: '不能摆烂',
            age: 28
        }

        Reflect.set(obj, 'age', 15, newObj)

        console.log(obj.age);//18
        console.log(newObj.age);//15

    </script>

Reflect.has(obj, name)

Reflect.has方法对应name in obj里面的in运算符。

如果Reflect.has()方法的第一个参数不是对象，会报错。

<script>

        // Reflect.has(obj, name)
        // Reflect.has方法对应name in obj里面的in运算符。
        // 如果Reflect.has()方法的第一个参数不是对象，会报错。
        let obj = {
            name: '再努力些吧',
            age: 18,
            work: '前端',


        }
        // 旧写法
        console.log('age' in obj);//true
        console.log('sex' in obj);//false
        // 新写法
        console.log(Reflect.has(obj, 'age'));//true
        console.log(Reflect.has(obj, 'sex'));//false

</script>

Reflect.deleteProperty(obj, name)


Reflect.deleteProperty方法等同于delete obj[name]，用于删除对象的属性。

该方法返回一个布尔值。如果删除成功，或者被删除的属性不存在，返回true；删除失败，被删除的属性依然存在，返回false。

如果Reflect.deleteProperty()方法的第一个参数不是对象，会报错。

  <script>

        // Reflect.deleteProperty(obj, name)
        // Reflect.deleteProperty方法等同于delete obj[name]，用于删除对象的属性。

        // 该方法返回一个布尔值。如果删除成功，或者被删除的属性不存在，返回true；删除失败，被删除的属性依然存在，返回false。

        // 如果Reflect.deleteProperty()方法的第一个参数不是对象，会报错。

        let obj = {
            name: '再努力些吧',
            age: 18,
            work: '前端',


        }

        // 旧写法
        // delete obj.age
        // console.log(obj);//{name: '再努力些吧', work: '前端'}

        // 新写法
        console.log(Reflect.deleteProperty(obj, 'name'));//true
        console.log(obj);//{age: 18, work: '前端'}


    </script>

Reflect.ownKeys (target)

Reflect.ownKeys方法用于返回对象的所有属性，基本等同于Object.getOwnPropertyNames与Object.getOwnPropertySymbols之和

<script>

        // Reflect.ownKeys (target) 
        // Reflect.ownKeys方法用于返回对象的所有属性，基本等同于Object.getOwnPropertyNames与Object.getOwnPropertySymbols之和

        let myObject = {
            foo: 1,
            bar: 2,
            [Symbol.for('baz')]: 3,
            [Symbol.for('bing')]: 4,
        };


        //旧写法

        //获取对象中除了symbol之外的对象的所有属性
        console.log(Object.getOwnPropertyNames(myObject));//['foo', 'bar']

        //获取对象中symbol的对象的所有属性
        console.log(Object.getOwnPropertySymbols(myObject));//[Symbol(baz), Symbol(bing)]

        // 新写法

        // 获取所有属性
        console.log(Reflect.ownKeys(myObject));// ['foo', 'bar', Symbol(baz), Symbol(bing)]

</script>

Reflect.preventExtensions(target)

Reflect.preventExtensions对应Object.preventExtensions方法，用于让一个对象变为不可扩展。它返回一个布尔值，表示是否操作成功。


<script>
        // Reflect.preventExtensions(target)
        // Reflect.preventExtensions对应Object.preventExtensions方法，用于让一个对象变为不可扩展。它返回一个布尔值，表示是否操作成功。

        let myObject = {}


        // 旧写法
        console.log(Object.preventExtensions(myObject));//{}


        // 新写法
        console.log(Reflect.preventExtensions(myObject));//true


          // 如果参数不是对象，Object.preventExtensions在 ES5 环境报错，在 ES6 环境返回传入的参数，而Reflect.preventExtensions会报错。


// ES5 环境
// Object.preventExtensions(1) // 报错

// ES6 环境
// Object.preventExtensions(1) // 1

// 新写法

// Reflect.preventExtensions(1) // 报错

</script>

Reflect.isExtensible (target)

Reflect.isExtensible方法对应Object.isExtensible，返回一个布尔值，表示当前对象是否可扩展。

如果参数不是对象，Object.isExtensible会返回false，因为非对象本来就是不可扩展的，而Reflect.isExtensible会报错。

<script>
        // Reflect.isExtensible (target)
        // Reflect.isExtensible方法对应Object.isExtensible，返回一个布尔值，表示当前对象是否可扩展。

        let myObject = {}

        // 旧写法

        console.log(Object.isExtensible(myObject));//true

        // 新写法

        console.log(Reflect.isExtensible(myObject));//true

        // 如果参数不是对象，Object.isExtensible会返回false，因为非对象本来就是不可扩展的，而Reflect.isExtensible会报错。

        console.log(Object.isExtensible(1));// false
        console.log(Reflect.isExtensible(1));// 报错
</script>

Reflect.defineProperty(target, propertyKey, attributes)

Reflect.defineProperty方法基本等同于Object.defineProperty，用来为对象定义属性。未来，后者会被逐渐废除，请从现在开始就使用Reflect.defineProperty代替它。

<script>
        // Reflect.defineProperty(target, propertyKey, attributes)
        // Reflect.defineProperty方法基本等同于Object.defineProperty，用来为对象定义属性。未来，后者会被逐渐废除，请从现在开始就使用Reflect.defineProperty代替它。

        let myObject = {}

        // 旧写法
        Object.defineProperty(myObject, "name", {
            enumerable: false,
            configurable: false,
            writable: false,
            value: "再努力些把"
        });
        console.log(myObject);//{name: '再努力些把'}

        // 新写法
        Reflect.defineProperty(myObject, 'now', {
            value: () => Date.now()
        });
        console.log(myObject);//{name: "再努力些把"  now: () => Date.now()}
        console.log(myObject.now());//1660548733267
        // 如果Reflect.defineProperty的第一个参数不是对象，就会抛出错误，比如 
          Reflect.defineProperty(1, 'foo')。
</script>

Reflect.getOwnPropertyDescriptor(target, propertyKey)

Reflect.getOwnPropertyDescriptor基本等同于Object.getOwnPropertyDescriptor，用于得到指定属性的描述对象，将来会替代掉后者。

<script>
        // Reflect.getOwnPropertyDescriptor(target, propertyKey)
        // Reflect.getOwnPropertyDescriptor基本等同于Object.getOwnPropertyDescriptor，用于得到指定属性的描述对象，将来会替代掉后者。

        var myObject = {};
        Object.defineProperty(myObject, 'hidden', {
            value: true,
            enumerable: false,
        });
        Reflect.defineProperty(myObject, 'now', {
            value: () => Date.now()
        });

        // 旧写法
        var theDescriptor = Object.getOwnPropertyDescriptor(myObject, 'hidden');
        //{value: true, writable: false, enumerable: false, configurable: false}

        console.log(theDescriptor);

        // 新写法
        var theDescriptor = Reflect.getOwnPropertyDescriptor(myObject, 'now');
        //{writable: false, enumerable: false, configurable: false, value: ƒ}
        console.log(theDescriptor);
        // Reflect.getOwnPropertyDescriptor和Object.getOwnPropertyDescriptor的一个区别是，如果第一个参数不是对象，
        // Object.getOwnPropertyDescriptor(1, 'foo')不报错，返回undefined，而
        // Reflect.getOwnPropertyDescriptor(1, 'foo')会抛出错误，表示参数非法。
    </script>

Reflect.apply(func, thisArg, args)

Reflect.apply方法等同于Function.prototype.apply.call(func, thisArg, args)，用于绑定this对象后执行给定函数。

一般来说，如果要绑定一个函数的this对象，可以这样写fn.apply(obj, args)，但是如果函数定义了自己的apply方法，就只能写成Function.prototype.apply.call(fn, obj, args)，采用Reflect对象可以简化这种操作。

<script>
        // Reflect.apply(func, thisArg, args)
        // Reflect.apply方法等同于Function.prototype.apply.call(func, thisArg, args)，用于绑定this对象后执行给定函数。

        // 一般来说，如果要绑定一个函数的this对象，可以这样写fn.apply(obj, args)，但是如果函数定义了自己的apply方法，就只能写成Function.prototype.apply.call(fn, obj, args)，采用Reflect对象可以简化这种操作。

        const ages = [11, 33, 12, 54, 18, 96];

        // 旧写法
        const youngest = Math.min.apply(Math, ages);
        const oldest = Math.max.apply(Math, ages);
        const type = Object.prototype.toString.call(youngest);


        // 新写法
        // const youngest = Reflect.apply(Math.min, Math, ages);
        // const oldest = Reflect.apply(Math.max, Math, ages);
        // const type = Reflect.apply(Object.prototype.toString, youngest, []);



        console.log(youngest); //11
        console.log(oldest); //96
        console.log(type); //[object Number]
</script>

Java中的反射（Reflection）应用实例
java专栏
09-20 702
反射是指程序可以在运行时检查并修改自身结构与行为的能力。在 Java 中，反射主要通过包提供的类和接口来实现。反射是一个强大的工具，可以用来做一些非常灵活的事情。当然，也需要注意它可能会带来的性能影响以及安全风险。不过，只要合理使用，反射绝对能让你的代码更加优雅和灵活。希望这篇教程能帮到你，如果还有疑问或者想要了解更多细节，欢迎随时来问我哦！咱们下次再见啦！👋就这样，咱们下次再见！别忘了，Java 的世界里，咱们永远都不孤单嘛！
JavaScript 中的 Reflect 详解
最新发布
越陌度阡
04-06 853
Reflect 是 ES6引入的一个内置对象，它提供了一系列静态方法来操作对象，这些方法与 Proxy 处理器方法一一对应。Reflect 的设计目的是为了更优雅地操作对象，并统一某些操作的行为。Reflect 对象提供了一套操作 JavaScript 对象的标准化方法，它的设计使得对象操作更加一致和可靠。虽然许多功能可以通过其他方式实现，但 Reflect API 提供了更优雅和一致的解决方案，特别是在与 Proxy 配合使用时。
ECMAScript6学习笔记-Reflect
gaiyaguang的博客
03-07 599
一、概述 Reflect对象与Proxy对象一样，也是 ES6 为了操作对象而提供的新 API。Reflect对象的设计目的有这样几个。 1.将Object对象的一些明显属于语言内部的方法（比如Object.defineProperty），放到Reflect对象上。现阶段，某些方法同时在Object和Reflect对象上部署，未来的新方法将只部署在Reflect对象上。也就是说，从Reflect
es6 Reflect
Hassan的小博客!
02-28 933
Reflect.getOwnPropertyDescriptor和Object.getOwnPropertyDescriptor的一个区别是，如果第一个参数不是对象，Object.getOwnPropertyDescriptor(1, ‘foo’)不报错，返回undefined，而Reflect.getOwnPropertyDescriptor(1, ‘foo’)会抛出错误，表示参数非法。未来，后者会被逐渐废除，请从现在开始就使用Reflect.defineProperty代替它。该方法返回一个布尔值。
ES6中的Reflect
weixin_70989429的博客
06-02 535
学习是来自慕课网谢成老师的课程，有需要的同学强推去看一下
ES6之Reflect详解
俊刚的博客
01-01 1528
Reflect是ES6中新增的一个内置对象，它提供了一组静态方法，用于操作对象。这些方法与Object上的方法具有相同的功能。在这些方法中会调用对应Object上的方法，并且返回对应结果。Reflect的出现主要是为了将一些Object对象上的方法转移到Reflect上，使得操作对象更加统一和易于理解。通过这种方式，实现了对Object上方法的封装和统一。
JavaScript中的Reflect对象详解(ES6新特性)
10-21
JavaScript中的Reflect对象是ES6（ECMAScript 2015）中引入的一个内置对象，它提供了一系列用于拦截JavaScript操作的方法。这些操作包括对象属性的获取和设置、调用对象方法、创建新对象实例等。使用Reflect对象的...
深入探索ES6：Reflect对象详解与用例分析
深入理解ES6中的Reflect对象，它是JavaScript语言的一个核心组成部分，旨在提供更底层、更可控的对象操作方式。Reflect对象的引入是为了将原本位于Object对象上的某些内部操作方法转移到自身，使得这些操作更加透明...
JavaScript中的Reflect对象详解(ES6新特性)_.docx
10-09
JavaScript中的Reflect对象是ES6引入的一个新特性，它提供了一种与JavaScript引擎更底层的交互方式，主要用于改进和优化对象的操作。Reflect不是一个构造函数，而是作为一个全局对象来使用，通过Reflect的方法可以...
《十三》ES6+ 中的 Reflect
花铛
06-10 323
Reflect 反射是 ES6 新增的一个内置对象，提供了很多方法用来操作 JS 对象。也就是说，可以用 Reflect 来代替 Object 统一操作 JS 对象。Reflect 与 Math 对象类似，所有的属性和方法都是静态的，不是一个构造函数，不能对其进行调用。
最前端｜你不知道的ES6新特性Reflect最全使用方法总结
在数字化道路无限探索
05-10 1447
总结来说，Reflect对象提供了一组与 JavaScript 内部操作直接对应的、用于对象操作的标准 API，它增强了代码的可读性、一致性，并且在某些情况下提供了更详细的控制和反馈。Reflect 对象的方法与Object对象上的同名方法（如get、set、defineProperty等）相对应，但它们通常返回一个布尔值以表示操作是否成功，而不是静默失败。attributes是一个包含属性描述符的对象。返回一个数组，包含目标对象target自身的所有属性键（包括可枚举和不可枚举的属性，以及符号属性）。
Reflect.has / Reflect.ownKeys / in / getOwnPropertyDescriptor 等几种获取对象属性的区别
胡聊前端的博客
04-02 1202
可以把获取属性的这些API分成几部分： 均可以获取普通属性，这是必然的… 是否可以获取不可枚举属性 是否可以获取Symbol属性 是否可以获取存在于原型上的属性 而具备访问对象属性的api分为以下部分 Reflect 静态方法(has() / ownKeys() 等) Object 静态方法（getOwnPropertyNames 等） in 操作符，包含直接使用或者for in 使用 当然还有.操作符或者[‘key’]这样直接访问 可能ES标准委也觉得这么多访问属性的api多少有些难为开发者。所以
Reflect.has Reflect.get 用法
qq_48772601的博客
01-13 646
profilePanelList: [ { id: 'groupNum', text: '项目组数', num: 0 }, { id: 'projectNum', text: '项目数', num: 0 }, ] panelData:{ companyNum: 0, groupNum: 4, projectNum: 19 } let result = this.profilePanelList.map(item => Ref..
Reflect 映射
langmanboy的博客
04-25 586
Reflect 映射 1. Reflect 映射 Reflect对象与 Proxy 对象一样，也是 ES6 为了操作对象而提供的新 API Reflect 是一个内置的对象，而不是一个函数对象，因此它是不可构造的 Reflect 作用： 优化 Object 的一些操作方法以及合理的返回 Object 操作返回的结果 Proxy 在拦截访问目标对象，或者对代理对象操作都是通过 Reflect 映射来完成 let obj = { name: 'jsx' }; // 获取对象属性 console.log(
Reflect
qq_36303110的博客
11-30 170
Reflect 将Object对象的一些明显属于语言内部的方法（比如Object.defineProperty），放到Reflect对象上 Reflect.get(target,name,receiver) Reflect.get方法查找并返回target对象的name属性，如果没有该属性，则返回undefined 如果name属性部署了getter，则getter函数的this绑定receiver const objectReceiver = { foo:5, bar:12 } co
JS一些实用方法介绍（hasOwnProperty()、Array.isArray()、Object.entries()、Reflect.set()）
guojing5721的专栏
07-30 686
1.hasOwnProperty() hasOwnProperty()方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性 举例： let tempObj ={propName:'666'}; tempObj.propName2 ='999' console.log(tempObj.hasOwnProperty('propName'))//返回true console.log(...
js之Reflect
热门推荐
qq_39852145的博客
02-28 1万+
Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法，是 ES6 为了操作对象而提供的新 API。 Reflect不是一个函数对象，因此它是不可构造的。 Reflect的所有属性和方法都是静态的。 意义 现阶段，某些方法同时在Object和Reflect对象上部署，未来的新方法将只部署在Reflect对象上。 修改某些Object方法的返回结果，让其变得更规范化。如Object.defineProperty(obj, name, desc)在无法定义属性时，会抛出一个错误，而Re
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值