传递对象参数，然后以TypeScript返回此对象

z9smfwbn 于 2023-01-06 发布在 TypeScript

关注(0)|答案(1)|浏览(110)

我试图在TypeScript中“扩展”一个函数，但找不到正确的方法。

const fn1 = function () {
  return {
    extend(obj1: { [name: string]: Function }) {
      return {
        test1() {},
        ...obj1
      }
    }
  }
}
const var1 = fn1().extend({ test2: function () {} });

var1.test1()
var1.test2() // Property 'test2' does not exist on type '{ test1(): void; }'. Did you mean 'test1'?

我能做些什么来让它工作呢？

typescript

来源：https://stackoverflow.com/questions/75005740/pass-an-object-parameter-then-return-this-object-in-typescript

1条答案

按热度按时间

62o28rlo1#

向extend添加泛型类型就足够了。

const fn1 = function () {
  return {
    extend<F extends Record<string, Function>>(obj1: F) {
      return {
        test1() {},
        ...obj1
      }
    }
  }
}

F将存储传递给函数的对象的类型，编译器足够聪明，可以计算出正确的返回类型，所以我们不必提供。

const var1 = fn1().extend({ test2: function () {} });
//    ^? const var1: { test1(): void; } & { test2: () => void; }

var1.test1()
var1.test2()

Playground

赞(0）回复(0）举报 2023-01-06

我来回答

传递对象参数，然后以TypeScript返回此对象

1条答案

相关问题

热门标签

最新问答