typescript 用装饰器遇到 this 推导不对问题

This topic created in 2147 days ago, the information mentioned may be changed or developed.

这是为类的方法写的装饰器函数

function autoSave (_target: BookmarkModel, _name: string, descriptor: PropertyDescriptor): PropertyDescriptor {
  const value = descriptor.value
  descriptor.value = function (...args: never): boolean {
    const ret = value.apply(this, args)
    if (ret === true) {
      this.save()
    }
    return ret
  }
  return descriptor
}

代码强行执行是完全 OK 的，但是 this.save()这行报个错：

类型“PropertyDescriptor”上不存在属性“save”。

this.save()实际就是执行类实例上的 save 方法完全没问题，但现在这样我就很懵，怎么解决

Supplement 1 · Jul 9, 2020

总结下来解决方法有三

1. (this as BookmarkModel).save()//我自己找到，感觉就不太好看

2. _target.save.apply(this, args)
by @optional

3. descriptor.value = function (this: YourTypeHere, ...args: never): boolean {
by @oott123

个人最喜欢第 3 个解决方法
感谢各位

ret

装饰器

const

lue

18 replies • 2020-07-10 17:26:48 +08:00

zhyl

Jul 9, 2020 via Android

1. 参数里指定 this 类型。
2. this 转换成 any 再调用。

rikka

Jul 9, 2020

初学 TS 瞎试一番，(this as MyClass).save()，这样就解决了，不过看起来似乎不太优雅？

oott123

Jul 9, 2020

如果你清楚自己的 this 是什么类型：

descriptor.value = function (this: YourTypeHere, ...args: never): boolean {

如果 this 和 autoSave 的上下文相同：

descriptor.value = (...args: never): boolean => {

optional

Jul 9, 2020

这里你用 this 干嘛，用_target 啊，_target 不就是你的 this 吗？

rabbbit

Jul 9, 2020

interface PropertyDescriptor {
　 save?: Function;
}

function autoSave(_target: BookmarkModel, _name: string, descriptor: PropertyDescriptor): PropertyDescriptor {
　 const value = descriptor.value
　 descriptor.value = function (...args: never): boolean {
　　 const ret = value.apply(this, args)
　　 if (this.save) { // <--
　　　 this.save();
　　}
　　 return ret
　}
　 return descriptor
}

vuevue

Jul 9, 2020 via Android

函数调用时用 bind(this)试试

rikka

Jul 9, 2020

@oott123 #3 `descriptor.value = function (this: YourTypeHere, ...args: never)`这么搞相当于改变原函数的参数列表，调用方法的时候还得额外传个 this 参数，不行

rikka

Jul 9, 2020

@optional #4 https://es6.ruanyifeng.com/#docs/decorator

装饰器第一个参数是类的原型对象，上例是 Person.prototype，装饰器的本意是要“装饰”类的实例，但是这个时候实例还没生成，所以只能去装饰原型（这不同于类的装饰，那种情况时 target 参数指的是类本身）；第二个参数是所要装饰的属性名，第三个参数是该属性的描述对象。

实测结果确实如此_target 不是 this 而是类本身

rikka

Jul 9, 2020

@rabbbit #5 本来 save 就不是 PropertyDescriptor 里面的方法，强行给他加个定义，并且这样还覆盖掉原版 PropertyDescriptor，不行啊