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);
  };
};
相关推荐
程序猿的程5 小时前
开源一个 React 股票 K 线图组件,传个股票代码就能画图
前端·javascript
大雨还洅下6 小时前
前端JS: 虚拟dom是什么? 原理? 优缺点?
javascript
唐叔在学习6 小时前
[前端特效] 左滑显示按钮的实现介绍
前端·javascript
青青家的小灰灰7 小时前
深入理解事件循环:异步编程的基石
前端·javascript·面试
前端Hardy7 小时前
HTML&CSS&JS:打造丝滑的3D彩纸飘落特效
前端·javascript·css
前端Hardy7 小时前
HTML&CSS&JS:丝滑无卡顿的明暗主题切换
javascript·css·html
UIUV9 小时前
node:child_process spawn 模块学习笔记
javascript·后端·node.js
烛阴10 小时前
Three.js 零基础入门:手把手打造交互式 3D 几何体展示系统
javascript·webgl·three.js
颜酱10 小时前
单调栈:从模板到实战
javascript·后端·算法
_AaronWong12 小时前
Electron 实现仿豆包划词取词功能:从 AI 生成到落地踩坑记
前端·javascript·vue.js