如何为方法参数添加类型提示？如何直接构造符合接口的对象字面量传参？

嘿，这两个问题都是TypeScript开发中很常见的场景，我来给你详细解答：

如果是你自己定义的函数，直接在参数名称后面加上 : 类型 就能给参数添加上类型提示——TypeScript会在编译阶段检查传入的参数是否匹配该类型，同时编辑器也会给出对应的智能提示：

// 示例：给add函数的参数添加number类型约束
function add(num1: number, num2: number) {
  return num1 + num2;
}

add(5, 3); // 完全合法
add('5', 3); // 编译报错，因为第一个参数不是number类型

要是遇到像你例子里那种无法修改的第三方函数（比如doSomething(obj: any)），想要给它的参数加上类型提示，有两种常用方案：

• 重新声明函数的类型（如果是全局函数的话）：

  // 重新声明doSomething的参数类型为IPoint
  declare function doSomething(obj: IPoint): void;
  

• 写一个包装函数，通过包装层来约束参数类型：

  function safeDoSomething(point: IPoint) {
    return doSomething(point);
  }
  // 调用safeDoSomething时就会自动检查参数是否符合IPoint
  safeDoSomething({x: 10, y: 20});
  

不想先创建临时变量，又要确保传入的对象字面量符合IPoint接口，这里有几种实用的方法：

方法一：类型断言（as IPoint） #

最直接的方式就是在对象字面量后面加上as IPoint，明确告诉TypeScript这个字面量属于IPoint类型，编译时会自动检查是否符合接口定义：

interface IPoint { x: number; y: number; }
function doSomething(obj: any) { }

function tryToUseDoSomethingSafely() {
  // 合法调用，符合IPoint接口
  doSomething({ x: 10, y: 20 } as IPoint);
  
  // 如果少传y属性，会直接触发编译错误
  // doSomething({ x: 10 } as IPoint); // 报错：缺少属性"y"
}

方法二：利用上下文类型（包装函数） #

如果你不想用断言，可以写一个临时的箭头函数作为中间层，让TypeScript通过上下文自动推断并检查类型：

function tryToUseDoSomethingSafely() {
  // 定义一个接收IPoint类型参数的函数，内部调用doSomething
  const callDoSomething = (point: IPoint) => doSomething(point);
  // 直接传字面量，TypeScript会自动检查是否符合IPoint
  callDoSomething({ x: 10, y: 20 });
  
  // 不符合的话会报错
  // callDoSomething({ x: 10 }); // 编译错误
}

方法三：使用satisfies关键字（TypeScript 4.9+） #

如果你的TypeScript版本是4.9及以上，satisfies是更优雅的选择——它会检查字面量是否符合IPoint接口，同时不会丢失字面量的具体类型（比断言更灵活）：

function tryToUseDoSomethingSafely() {
  // 直接在参数中使用satisfies检查类型
  doSomething({ x: 10, y: 20 } satisfies IPoint);
}

方法四：类型守卫函数（兼顾运行时检查） #

如果需要同时在运行时也验证参数的合法性，可以写一个类型守卫函数：

// 类型守卫函数，判断传入的对象是否是IPoint类型
function isPoint(obj: any): obj is IPoint {
  return typeof obj === 'object' && obj !== null &&
         typeof obj.x === 'number' && typeof obj.y === 'number';
}

function tryToUseDoSomethingSafely() {
  const point = { x: 10, y: 20 };
  if (isPoint(point)) {
    // 这里point会被TypeScript推断为IPoint类型
    doSomething(point);
  }
}

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