Reflect的概述
在JavaScript中,Reflect
是一个内置的对象,提供了一组用于操作对象的方法。它的设计目标是将一些原本只能通过对象的原型链上的方法来实现的操作,转换为函数式的操作。通过使用Reflect
对象的方法,可以更加灵活地操作对象、函数和Proxy
对象,使得代码更加简洁、易于维护和扩展。
Reflect
静态方法在操作对象时具有更高的容错性,在使用Reflect
静态方法操作对象时,如果操作失败会返回false,而Object
对象上的方法往往会抛出错误。
Reflect的静态方法
1.Reflect.apply
(target, thisArg, argumentsList)
调用目标函数,并传入指定的this
值和参数列表。
function sum(a, b) {
return `Hello ${this.name}, ${ a } + ${ b } = ${ a + b }!`;
};
const person = {
name: '小明'
};
const result = Reflect.apply(sum, person, [ 5, 6 ]);
console.log(result); // 输出 Hello 小明, 5 + 6 = 11!
2.Reflect.construct(target, argumentsList, newTarget)
使用给定的参数创建一个新对象,类似于new
操作符。将创建的新对象的构造函数指定为Reflect.construct的
第三个参数
function Func() {}
let tar = Reflect.construct(Number, [1], Func);
console.log(tar.constructor === Func) // 打印 true
3.Reflect.defineProperty(target, propertyKey, attributes)
定义一个对象的新属性或修改现有属性的特性
let obj = {};
Reflect.defineProperty(obj, "name", {
value: "小明", // 属性的值
writable: true, // 是否可修改
enumerable: true, // 是否可枚举
configurable: true, // 是否可编辑
get: () => {}, // 当访问该属性时,该函数会被调用并返回对应的值
set: () => {} // 当设置该属性时,该函数会被调用,并传入要设置的值作为参数
})
4.Reflect.deleteProperty(target, propertyKey)
删除一个对象上的属性
let obj = {
name: "小明",
age: "20"
}
console.log(obj.age) // 输出 20
Reflect.deleteProperty(obj, "age");
console.log(obj.age) // 输出 undefined
5.Reflect.get(target, propertyKey, receiver)
从一个对象中获取指定属性的值
let obj = {
name: "小明",
age: "20"
}
console.log(Reflect.get(obj, "age")) // 输出 20
6.Reflect.getOwnPropertyDescriptor(target, propertyKey)
获取一个对象的属性描述符
let obj = {
name: "小明",
age: "20"
}
console.log(Reflect. getOwnPropertyDescriptor(obj, "age"))
// 输出 { value: '20', writable: true, enumerable: true, configurable: true }
7.Reflect.getPrototypeOf(target)
获取一个对象的原型对象
let name = new String("小明");
console.log(Reflect.getPrototypeOf(name) === String.prototype) // 输出 true
8.Reflect.has(target, propertyKey)
判断一个对象是否具有指定的属性
let obj = {
name: "小明"
}
console.log(Reflect.has(obj, "name")) // 输出 true
console.log(Reflect.has(obj, "age")) // 输出 false
9.Reflect.isExtensible(target)
判断一个对象是否可扩展
let obj = {};
console.log(Reflect.isExtensible(obj)); // 输出 true
Object.preventExtensions(obj);
console.log(Reflect.isExtensible(obj)); // 输出 false
10.Reflect.ownKeys(target)
返回一个包含对象自身的所有属性键的数组
let obj = {
name: "小明",
age: "20"
}
console.log(Reflect.ownKeys(obj)) // 输出 [ "name", "age" ]
11.Reflect.preventExtensions(target)
阻止一个对象扩展
let obj = {};
console.log(Object.isExtensible(obj)); // 输出 true
Reflect.preventExtensions(obj);
console.log(Object.isExtensible(obj)); // 输出 false
12.Reflect.set(target, propertyKey, value, receiver)
将一个值分配给一个对象的属性
let obj = {};
Reflect.set(obj, "name", "小明");
console.log(obj.name); // 输出 小明
13.Reflect.setPrototypeOf(target, prototype)
设置一个对象的原型对象
let obj = {};
let prototype = {};
console.log(obj.__proto__ == prototype) // 输出 false
Reflect.setPrototypeOf(obj, prototype);
console.log(obj.__proto__ == prototype) // 输出 true