TypeScript 用于破坏 function 有效负载的类型声明 (d.ts)

Question

使用网络风暴。 TypeScript v4.6.2

我在常规 JavaScript 文件index.js中有一个 function 。 在它旁边我有类型声明文件index.d.ts 。 此类型声明文件的唯一目的是获得自动完成建议。

在 JS 文件中我有一个 function：

module.exports.myFunction = async ({foo}) => {
  foo. // <-- expecting to get suggestion "bar"
}

TypeScript 类型声明文件需要如何查找以为此foo内部的bar提供自动完成功能？

尝试这样做：

interface payload {
  foo: {
    bar: string;
  };
}

declare function myFunction(object: payload): any;

export default myFunction;

得到这样的“建议”：

如果我从任何其他位置需要这个myFunction ，那么我确实会按预期获得建议，但我想在myFunction本身内部获得该建议：

文件结构：

Answer 1

TypeScript 不会以神奇的方式工作，在您的情况下，使其工作的最佳方法是导出界面并将其导入 JSDoc 注释中，以便在 function 键入中使用。 所以你的文件应该是这样的：

// index.d.ts file

export interface Payload { // Interface name should be capitalized
  foo: {
    bar: string;
  };
}

// index.js file

/**
 * @typedef {import('.').Payload} Payload
 */

/**
 * @param {Payload} param
 */
const myFunction = async ({ foo }) => {
  foo. // <-- You will get here the suggestion for "bar"
};

module.exports = { myFunction };