You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为TypeScript .d.ts类型声明文件添加内容描述注释

解决方案

你只需要在.d.ts文件的对应类型、方法、属性定义上方添加JSDoc格式的块级注释即可实现预期的提示效果,具体操作如下:

  • 必须使用/** */包裹注释内容,不要使用//单行注释,后者不会被TypeScript识别为智能提示文本
  • 可以配合@param、@example、@returns等JSDoc标签丰富提示内容,编辑器会自动格式化展示
  • 事件类型的注释可以直接写在事件映射接口的对应属性上方,也可以写在事件方法的重载定义上方

示例代码

// 事件映射定义示例
interface CustomEventMap {
  /** 节点选中状态变化时触发,返回当前选中的节点ID集合 */
  selectionChange: (selectedIds: string[]) => void;
  /** 数据加载完成后触发,返回全量数据对象 */
  loadComplete: (data: Record<string, any>) => void;
}

// 事件方法定义示例
declare class Emitter {
  /**
   * 绑定事件监听函数
   * @param eventName 目标事件名称,可选值参考CustomEventMap定义
   * @param listener 事件触发时执行的回调函数
   * @example
   * ```ts
   * emitter.on('selectionChange', (ids) => {
   *   console.log('当前选中节点:', ids)
   * })
   * ```
   */
  on<T extends keyof CustomEventMap>(eventName: T, listener: CustomEventMap[T]): void;

  /**
   * 触发指定事件
   * @param eventName 要触发的事件名称
   * @param args 传递给回调函数的参数列表
   */
  emit<T extends keyof CustomEventMap>(eventName: T, ...args: Parameters<CustomEventMap[T]>): void;
}

完成定义后,确保你库的package.json中types字段正确指向你编写的.d.ts入口文件,安装该库的项目在编辑器中调用相关方法、选择事件名称时,就会自动弹出你填写的注释提示。

内容的提问来源于stack exchange,提问作者DevineDecrypter

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.07 08:33:01