javascript - 如何将 TypeScript 定义文件用于另一个函数

Question

我是 TS 新手，希望使用我创建的定义文件来告诉单独的函数其参数类型。

函数.ts

export default ({}) => {
  const myFunction = ({ param1 }: { param1: string }) => {
    return param1;
  };

  return {
    myFunction
  };
};

函数.d.ts

declare var _default: ({}: {}) => {
    myFunction: ({ param1 }: {
        param1: string;
    }) => string;
};
export default _default;

someotherfile.ts

export default ({ functions }) => {
  functions().myFunction({ param1: 1 });
};

functions参数来自上面的functions.ts，但是someotherfile.ts当然不知道functions的结构是什么。

我如何在这里使用functions.d.ts？我还需要使用它吗？

Answer 1

我认为这会解决你的问题，如果你只需要它，只需创建一个新类型。

// functionsType.ts
export type functions = ({}: {}) => {
  myFunction: ({ param1 }: {
      param1: string;
  }) => string;
};

像这样使用它

//someotherfile.ts
import { functions } from './functionsType';

export default (functions: functions) => {
  functions({}).myFunction({ param1: 1 });
};

这里是stackBlitz 您可以看到有关错误参数类型的错误的示例