Reflect

最新推荐文章于 2025-07-30 09:31:04 发布

原创最新推荐文章于 2025-07-30 09:31:04 发布 · 置顶 · 150 阅读

0 ·

CC 4.0 BY-SA版权

ES6学习笔记专栏收录该内容

12 篇文章

订阅专栏

本文介绍JavaScript中Reflect对象的使用方法及优点，包括将其应用于属性删除、函数调用等场景，并对比旧写法，展示了Reflect对象如何使代码更具可读性和一致性。

Reflect对象与Proxy对象一样，为了操作对象而提供的新 API。Reflect对象的设计目的有：

1）将Object对象的一些明显属于语言内部的方法（如Object.defineProperty），放到Reflect对象上。

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

3）让Object操作都变成函数行为。

4）Reflect对象的方法与Proxy对象的方法一一对应，只要是Proxy对象的方法，就能在Reflect对象上找到对应的方法，即不管Proxy怎么修改默认行为，你总可以在Reflect上获取默认行为。

有了Reflect对象以后，很多操作会更易读。

// 老写法
Function.prototype.apply.call(Math.floor, undefined, [1.75]) // 1

// 新写法
Reflect.apply(Math.floor, undefined, [1.75]) // 1

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

const myObj = { foo: 'bar' };

// 旧写法
delete myObj.foo;

// 新写法
Reflect.deleteProperty(myObj, 'foo');

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

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

// 旧写法
const youngest = Math.min.apply(Math, ages);

// 新写法
const youngest = Reflect.apply(Math.min, Math, ages);