<好记性不如烂笔头系列>方法拦截器 getOwnPropertyDescriptor/defineProperty

class Student{
   name: string
   age!: number

   constructor(name: string, age: number) {
       this.name = name
       this.age = age
   }

   study(className: string, address: string = '') {
       console.log(`${this.name}正在${address}学习${className}课程`)
   }
}

const s1: PropertyDescriptor = Object.getOwnPropertyDescriptor(Student.prototype, 'study') as PropertyDescriptor
const newMethod = s1!.value
s1!.value = function(...args: any[]) {
	// 前置拦截do sth...

    newMethod.apply(this, args)

	// 后置拦截do sth...
}

Object.defineProperty(Student.prototype, 'study', s1)
const student2 = new Student('李四', 23)
student2.study('语文')

效果:
在这里插入图片描述

Object.getOwnPropertyDescriptor(obj, prop)

作用:返回指定对象上一个自有属性对应的属性描述符(值,是否可写,是否可枚举,是否可配置)
1、obj: 要查询的对象
2、prop:要获取属性描述符的属性名称 string
3、返回值:不存在返回undefined; 存在返回一个对象

  • value:该属性的值
  • writable:该属性的值是否可被赋值运算符改变(即是否可写) boolean
  • enumerable:该属性是否可被枚举 boolean
  • configurable:该属性的描述符是否可被改变,以及此属性是否可以从对应对象上被删除 boolean

在这里插入图片描述

Object.defineProperty(obj, prop, descriptor)

作用:添加或修改对象的属性
1、obj: 定义属性的对象
2、prop:要定义或修改的属性名称 string
3、descriptor:属性描述符对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

Misha韩

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

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

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

打赏作者

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

抵扣说明:

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

余额充值