TypeScript中如何处理多类型page参数调用number类型函数？

你完全不用每次都写重复的typeof检查，下面几种方法能帮你简化代码：

• 封装通用校验函数
  把类型检查和函数调用逻辑抽成一个单独的工具函数，之后每次调用这个函数就行：

  function safeTriggerPageChange(page) {
    if (typeof page === "number") {
      return handlePageChange(page);
    }
    // 这里可以根据需求处理page为false的情况，比如返回提示或什么都不做
    return;
  }
  

  之后不管哪里需要调用，直接用safeTriggerPageChange(page)替代原本的判断+调用，不用重复写检查逻辑。

• 给handlePageChange加内部校验
  直接把类型检查逻辑放到handlePageChange函数内部，这样外部调用时不用做任何判断：

  function handlePageChange(page) {
    // 先做类型校验，不符合直接退出
    if (typeof page !== "number") {
      return;
    }
    // 下面是原本的函数业务逻辑
    console.log(`跳转到第${page}页`);
    // ...其他逻辑
  }
  

  这种方式最省心，外部不管传number还是false，函数自己会过滤无效参数。

• 简洁的短路调用（适合零散调用场景）
  如果只是偶尔调用，不想封装函数，也可以用短路求值简化写法：

  typeof page === "number" && handlePageChange(page);
  

  这种写法比完整的if语句短，但本质还是每次写检查，适合调用次数少的场景。

注意：别用类型转换的方式（比如把false转成0），因为页码0可能是合法值，会和false的转换结果混淆，反而引发bug。

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