如何在这里使用Typescript在对象中正确键入函数？

Question

我将JS项目转换为TS，这里我有这个错误（使用urql）：

声明类型既不是“void”也不是“any”的函数必须返回值。ts（2355）在线：

结果，参数，缓存

为什么？

const updates = {
  Mutation: {
    playerCreate: (result, args, cache): UpdateResolver => {
      const playersQueries = cache
        .inspectFields("Query")
        .filter((x) => x.fieldName === "players");
      playersQueries.forEach(({ fieldName, arguments: variables }) =>
        cache.invalidate("Query", fieldName, variables)
      );
    },

    playerDelete: (result, args, cache, info): UpdateResolver => {
      // using result, args, cache here
    },
  },
};

我可以看到Updateresolver是这样声明的：

export declare type UpdateResolver = (result: Data, args: Variables, cache: Cache, info: ResolveInfo) => void;

更新：

有人正确地告诉我，我是说这个函数返回一个UpdateResolver，而类型是函数的，而不是返回类型。

因此问题是：

我怎样才能正确地在这里键入player创建和playerDelete？

Answer 1

尝试将代码更改为：

const updates = {
  Mutation: {
    playerCreate: (result: Data, args: Variables, cache: Cache): void => {
      const playersQueries = cache
        .inspectFields("Query")
        .filter((x) => x.fieldName === "players");
      playersQueries.forEach(({ fieldName, arguments: variables }) =>
        cache.invalidate("Query", fieldName, variables)
      );
    },

    playerDelete: (result: Data, args: Variables, cache: Cache, info: ResolveInfo): void => {
      // using result, args, cache here
    },
  },
};

编辑：我发现使用作为运算符实际上是可能的：

const updates = {
  Mutation: {
    playerCreate: (((result, args, cache) => {
      const playersQueries = cache
        .inspectFields("Query")
        .filter((x) => x.fieldName === "players");
      playersQueries.forEach(({ fieldName, arguments: variables }) =>
        cache.invalidate("Query", fieldName, variables)
      );
    }) as UpdateResolver),

    playerDelete: (((result, args, cache, info) => {
      // using result, args, cache here
    }) as UpdateResolver),
  },
};

什么是TypeScript中的作为运算符？

它告诉TypeScript编译器认为运算符之前的表达式在运算符之后具有类型。你可以用它做一些奇怪的事情：

const test = "some string" as number;
// "test" is number here!!

所以在使用它的地方要小心！当您将其应用于函数时，TypeScript将看到例如参数one应该具有类型T，因此它假装函数也采用类型T的参数。

作为，还有一种替代方法，但不能在TSX文件中使用：

const something = <number>"hello";
// don't do that if you don't know the actual type!

当然这个例子是错误的，因为TypeScript会认为字符串是一个数字，但它不是。但是它显示了类型断言的用法。