ts装饰器保存this指向

要使用 function 而不是 箭头函数

typescript 复制代码
interface MethodDecorator<T> {
  (
    target: Object,
    propertyKey: string | symbol,
    descriptor: TypedPropertyDescriptor<T>
  ): TypedPropertyDescriptor<T> | void;
}

type TMethodDecorator = MethodDecorator<any>;

const matchImport: TMethodDecorator = (target, propertyKey, descriptor) => {
  const callback = descriptor.value;

  descriptor.value = function (...args: any[]) {
    console.log("decorator", this);
    return callback.call(this, ...args);
  };
};
相关推荐
tao355667几秒前
【Python刷力扣hot100】42. Trapping Rain Water
开发语言·python·leetcode
左耳咚10 分钟前
项目开发中从补码到精度丢失的陷阱
前端·javascript·面试
D_C_tyu18 分钟前
Vue3 + Element Plus 实现前端手动分页
javascript·vue.js·elementui
黑云压城After22 分钟前
vue2实现图片自定义裁剪功能(uniapp)
java·前端·javascript
消失的旧时光-194331 分钟前
Kotlin 协程最佳实践:用 CoroutineScope + SupervisorJob 替代 Timer,实现优雅周期任务调度
android·开发语言·kotlin
错把套路当深情38 分钟前
Kotlin保留小数位的三种方法
开发语言·python·kotlin
赵谨言2 小时前
基于Python Web的大数据系统监控平台的设计与实现
大数据·开发语言·经验分享·python
专注前端30年2 小时前
Vue2 中 v-if 与 v-show 深度对比及实战指南
开发语言·前端·vue
用户47949283569152 小时前
从 58MB 到 2.6MB:我是如何将 React 官网性能提升 95% 的
前端·javascript
该用户已不存在2 小时前
7个让全栈开发效率起飞的 Bun 工作流
前端·javascript·后端