在 ES6 中，我们已经学习了 Proxy 对象的使用，可以通过代理对象来拦截一些操作。而 Reflect 是为 Proxy 对象服务的内置对象，可以用于预处理对象属性的各种方法，包括get、set、has等等。它的作用是弥补Object对象的不足之处，有助于代码的简化和优化。
Reflect 对象的原型
Reflect 对象提供了一组静态方法，可以代替一些 Object 对象的方法。通过 Reflect 对象，我们可以使用新的语法规则，更加简化和优化我们的代码。
console.log(Reflect); // Reflect 包含了一组静态方法
Reflect 对象的静态方法
Reflect.apply()
Reflect.apply() 方法调用一个函数，并传入一个数组作为其参数。
function sum(a, b) { return a + b; } const args = [1, 2]; console.log(Reflect.apply(sum, null, args)); // 3
Reflect.construct()
Reflect.construct() 方法用于创建一个对象的实例，而不需要使用 new 关键字。
class Person { constructor(name, age) { this.name = name; this.age = age; } } const args = ["Tom", 20]; console.log(Reflect.construct(Person, args)); // Person { name: "Tom", age: 20 }
Reflect.defineProperty()
Reflect.defineProperty() 方法定义一个新的属性或修改已有属性，在代理对象上操作。
let proxy = new Proxy({}, { defineProperty(obj, prop, descriptor) { console.log(`define ${prop} property`); return Reflect.defineProperty(obj, prop, descriptor); } }); Reflect.defineProperty(proxy, "foo", { value: "bar" }); // define foo property console.log(proxy.foo); // bar
Reflect.deleteProperty()
Reflect.deleteProperty() 方法用于删除对象的属性，返回删除结果。
let obj = { foo: "bar" }; console.log(Reflect.deleteProperty(obj, "foo")); // true console.log(obj); // {}
Reflect.get()
Reflect.get() 方法用于获取对象的属性值，与无法区分原始类型的 typeof 不同，它可以区分基本类型和对象类型的属性值。
let obj = { foo: "bar" }; console.log(Reflect.get(obj, "foo")); // "bar"
Reflect.has()
Reflect.has() 方法用于判断对象是否存在指定名称的属性，类似于 in 运算符。
let obj = { foo: "bar" }; console.log(Reflect.has(obj, "foo")); // true
Reflect.set()
Reflect.set() 在代理对象上设置新属性。
let proxy = new Proxy({}, { set(obj, prop, value) { console.log(`setting ${prop} to ${value}`); return Reflect.set(obj, prop, value); } }); Reflect.set(proxy, "foo", "bar"); // setting foo to bar console.log(proxy.foo); // bar
Reflect.getOwnPropertyDescriptor()
Reflect.getOwnPropertyDescriptor() 方法获取给定对象的自身属性描述符，扩展了Object.getOwnPropertyDescriptor()方法，使其适用于Proxy对象。
let obj = { foo: "bar" }; let descriptor = Reflect.getOwnPropertyDescriptor(obj, "foo"); console.log(descriptor); // {value: "bar", writable: true, enumerable: true, configurable: true}
Reflect 对象的应用实例
检测一个对象是否为合法状态
-- -------------------- ---- ------- ----- ------------ - ----------- ------------ ------------ ----- ------- - --------------------- - ---------- - ---------- --------- ----- -- - ---------- - ------ ---------- - ------------ -- ------ -- - ----------- - ------- ---------- - ----------- - -- - --- -------- - ------ ----------- - --- -------- - -- ------------------------------------- - ----- --- -------------- ------ ----------------- - ------ ----------- - --- ------- - -- ------------------------------------- - ----- --- -------------- ------ ----------------- - ------ ------------ - - --- - - --- --------------- -- ------------- ---------------------- -- -- -------------------------- ----------- -- -- ------- - ---------- -- ---------------- ---------------------- -- ---- -------------------------- ----------- -- ---------展开代码
在上面的代码中，使用 Reflect.get() 方法取代了对象属性的直接访问方式，可以避免因不合法状态导致的异常。这种方式可以对于任何复杂的对象来使用。
限定对象属性的操作
-- -------------------- ---- ------- ----- ----- - ------------- - --------- - --- ----------- - --- - - --- - - --- -------- ------ - --- -- ------ -------------------- -- -- ------------------------- ------- - -- ------------ --------- ----- --- ------ - --- -- -------- -------------------- -- --展开代码
在上面的代码中，使用 Reflect.defineProperty() 方法重新定义了对象属性，添加了 writable 的限制，使得属性在定义后就不能再被写入。这种方式可以有效限制对象的属性操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67c0f36f314edc2684820a7f
