TypeScript接口作函数参数时IntelliSense无属性提示？如何实现同效？

以下几种方法可以让接口作为函数参数类型时，触发IntelliSense的属性提示：

• 确保接口在当前作用域可访问
  如果接口定义在模块文件中，要正确导出并在使用处导入，避免作用域隐藏导致编辑器无法识别：

  // types.ts
  export interface Types {
    name?: string;
    age?: number;
  }
  
  // 调用文件
  import { Types } from './types';
  function display(options: Types) {
    console.log(options.name);
  }
  display({}) // 此时可触发name、age属性提示
  

• 使用satisfies关键字约束类型
  调用函数时用satisfies明确绑定参数与接口类型，既保留类型校验又能激活属性提示：

  interface Types {
    name?: string;
    age?: number;
  }
  
  function display(options: Types) {
    console.log(options.name);
  }
  
  display({} satisfies Types) // 输入时会自动提示name和age属性
  

• 给函数参数设置默认空对象
  为参数添加默认值{}，帮助编辑器更清晰地识别参数结构：

  interface Types {
    name?: string;
    age?: number;
  }
  
  function display(options: Types = {}) {
    console.log(options.name);
  }
  
  display({}) // 此时可正常触发属性提示
  

• 检查编辑器配置
  确保编辑器的TypeScript插件为最新版本，若仍有问题，可尝试重启编辑器或重新加载TypeScript服务（VS Code中按Ctrl+Shift+P，选择"TypeScript: Restart TS Server"）。

内容的提问来源于stack exchange，提问作者shank087