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);
  };
};
相关推荐
摸鱼的春哥13 小时前
你适合养龙虾🦞吗?4类人不适合2类适合
前端·javascript·后端
清汤饺子1 天前
OpenClaw 本地部署教程 - 从 0 到 1 跑通你的第一只龙虾
前端·javascript·vibecoding
颜酱1 天前
图的数据结构:从「多叉树」到存储与遍历
javascript·后端·算法
橙某人1 天前
LogicFlow 小地图性能优化:从「实时克隆」到「占位缩略块」!🚀
前端·javascript·vue.js
boooooooom1 天前
讲清 Proxy + effect + track/trigger 流程
javascript·vue.js·面试
leafyyuki1 天前
在 Vue 项目中玩转 FullCalendar:从零搭建可交互的事件日历
前端·javascript·vue.js
豆苗学前端1 天前
彻底讲透浏览器缓存机制,吊打面试官
前端·javascript·面试
swipe1 天前
箭头函数与 this 面试题深度解析:从原理到实战
前端·javascript·面试
进击的尘埃1 天前
拖拽搭建场景下的智能布局算法:栅格吸附、参考线与响应式出码
javascript
小猪努力学前端1 天前
基于PixiJS的试玩广告开发-续篇
前端·javascript·游戏