ES6之Reflect

在这里插入图片描述
Java代码中,在编译阶段就会知道用到哪个类了,但是如果不想让编译器在编译阶段用哪个类的话,那么就需要使用反射机制,让它在编译阶段不知道,在运行阶段才知道。

例如,在用apply方法的时候,我们一般会先声明用那个函数身上的apply,但是如果用了反射,则可以先用apply,再去指定用的哪个函数身上的apply。即,运行的时候再去找用apply的哪个函数。

在这里插入图片描述

Reflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法,这些方法与处理器对象的方法相同。Reflect不是一个函数对象,因此它是不可构 的。

一. apply
//es5
console.log(Math.floor.apply(null, [3.72]))
//es6反射
console.log(Reflect.apply(Math.floor, null, [4.72]))

反射的好处:

let price = 91.5
if (price > 100) {
  price = Math.floor.apply(null, [price])
} else {
  price = Math.ceil.apply(null, [price])
}
// es6 Reflect用法
console.log(Reflect.apply(price > 100 ? Math.floor : Math.ceil, null, [price]))
二. contruct 相当于new
let d = new Date()
console.log(d.getTime())

let d = Reflect.construct(Date, [])
console.log(d.getTime(), d instanceof Date

三.

const student = {}
const r = Reflect.defineProperty(student, 'name', { value: 'Mike2' })
console.log(student, r)
const obj = { x: 1, y: 2 }
Reflect.deleteProperty(obj, 'x')
console.log(obj)
console.log(Reflect.get(obj, 'x'))
console.log(Reflect.get([3, 4], 1))

console.log(Object.getOwnPropertyDescriptor(obj, 'y'))
四.
let d = new Date()
console.log(Reflect.getPrototypeOf(d))
const obj = { x: 1, y: 2 }
console.log(Reflect.has(obj, 'y'))
obj.z = 3
Object.freeze(obj)
obj.z = 3
console.log(Reflect.isExtensible(obj))
console.log(obj)
console.log(Reflect.ownKeys(obj))
console.log(Reflect.ownKeys([1, 2]))
// Symbol
Reflect.preventExtensions(obj)
console.log(Reflect.isExtensible(obj))
Reflect.set(obj, 'z', 4)
console.log(obj)
const arr = ['duck', 'duck', 'duck']
Reflect.set(arr, 2, 'goose')
console.log(arr)
console.log(Reflect.getPrototypeOf(arr))
Reflect.setPrototypeOf(arr, String.prototype)
// arr.sort()
console.log(Reflect.getPrototypeOf(arr))

参考链接:https://es6.ruanyifeng.com/#docs/reflect

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
1. 设置代理 在ES6中,可以使用Proxy对象来设置代理。 Proxy对象是一个代理对象,它可以拦截并重定义基本操作,比如属性访问、赋值、函数调用等。通过Proxy对象可以实现对一个对象的代理访问,从而实现对该对象的控制。 使用Proxy对象时,需要传入两个参数:要代理的对象和一个处理程序对象。处理程序对象是一个包含各种捕捉器的对象,用于拦截基本操作。 下面是一个简单的例子,展示如何使用Proxy对象设置代理: ```javascript let target = {}; // 要代理的对象 let handler = { // 处理程序对象 get: function(target, prop) { // get捕捉器,拦截属性访问操作 console.log(`访问了属性 ${prop}`); return target[prop]; }, set: function(target, prop, value) { // set捕捉器,拦截属性赋值操作 console.log(`设置了属性 ${prop},新值为 ${value}`); target[prop] = value; return true; } }; let proxy = new Proxy(target, handler); // 创建代理对象 proxy.name = "Tom"; // 设置代理对象的属性 console.log(proxy.name); // 访问代理对象的属性 ``` 上面的代码中,我们使用了Proxy对象设置了一个代理对象。代理对象可以通过handler对象中的get和set捕捉器来拦截属性访问和赋值操作,并进行相应的处理。 2. 获取代理 在ES6中,可以使用Reflect对象的get方法来获取代理对象的属性值。 Reflect对象是一个内置对象,它提供了一组静态方法,用于操作对象。其中,Reflect.get方法可以用于获取对象的属性值。 下面是一个简单的例子,展示如何使用Reflect.get方法获取代理对象的属性值: ```javascript let target = { name: "Tom" }; // 要代理的对象 let handler = { // 处理程序对象 get: function(target, prop) { // get捕捉器,拦截属性访问操作 console.log(`访问了属性 ${prop}`); return target[prop]; } }; let proxy = new Proxy(target, handler); // 创建代理对象 console.log(Reflect.get(proxy, "name")); // 获取代理对象的属性值 ``` 上面的代码中,我们使用了Reflect.get方法获取了代理对象的属性值。这个方法接收两个参数:要获取属性值的对象和属性名。在这个例子中,我们传入了代理对象和属性名,从而获取了代理对象的属性值。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

. . . . .

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值