TypeScript中如何为JSON访问方法实现参数智能提示？

你的需求是可以实现的，核心是利用TypeScript的keyof操作符获取接口的属性名联合类型，让编辑器提供IntelliSense智能提示。以下是具体实现方案：

基础实现（直接使用字符串字面量提示） #

先定义接口和方法：

interface User {
  name: string;
}

function printValue(path: keyof User) {
  const json = {
    name: "Andres",
  };
  console.log(json[path]);
}

调用时，编辑器会自动提示User接口的所有属性名，直接传入字符串即可：

printValue("name"); // 输入时会弹出"name"的智能提示，执行后输出"Andres"

模拟User.name式的调用体验 #

因为User是接口（仅为类型而非具体值），无法直接通过User.name访问属性名。如果想要类似的调用写法，可以创建一个与接口结构匹配的辅助对象（仅用于类型推导）：

interface User {
  name: string;
}

// 创建辅助对象，类型与User一致
const UserProps: User = {
  name: ""
};

// 方法参数类型设为辅助对象的键类型
function printValue(path: keyof typeof UserProps) {
  const json = {
    name: "Andres",
  };
  console.log(json[path]);
}

调用时可以通过辅助对象获取智能提示：

printValue(UserProps.name); // 输入UserProps.时会提示name，执行后输出"Andres"

两种方案都能满足智能提示需求，其中第一种更简洁直接。

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