“T”类型的参数不能分配给“字符串”类型的参数

问题描述

我正在将 JS 代码重构为 TS（实际上是 jsx/tsx），但我遇到了函数问题。

为了简化问题...假设我得到了这个函数“checkIt”，它可以接收一个字符串或数字作为参数并返回一个布尔值。

这是JS函数：

const FirsT_ROW = 'Initial';
const SECOND_ROW = new Set([1,2,3,4]);

const checkIt = id => {
if (FirsT_ROW.includes(id) || SECOND_ROW.includes(id)) {
    return true;
  }
  return false;
}

这是我的试验...（因为我正在学习 TS，我喜欢声明推断的变量是一致的）

const FirsT_ROW: string = 'Initial';
const SECOND_ROW: Set<number> = new Set([1,4]);

const checkIt = <T,>(id: T): boolean => {
  if (FirsT_ROW.includes(id) || SECOND_ROW.includes(id)) {
    return true;
  }
  return false;
}

这让我在函数内的“id”引用上出现错误：'T' 类型的参数不可分配给'string'类型的参数（或 'number' ）。 我试过使用函数表达式，Union string |数（如 here 所解释的）、泛型的不同书写形式和重载（例如 here，我就是无法让它工作。

这里有什么帮助吗？？ 谢谢！

解决方法

如何使用类型转换？只是为了提示编译器：

const FIRST_ROW: string = 'Initial';
const SECOND_ROW: Set<number> = new Set([1,2,3,4]);

const checkIt = (id: string | number): boolean => {
  if (FIRST_ROW.includes(id as string) || SECOND_ROW.has(id as number)) {
    return true;
  }
  return false;
}

playground

此外，Set 没有 include 方法。

为了让它完全合适，你首先要检查它是否真的是一个字符串。因为您使用联合 string|number，编译器知道如果 typeof id === 'string' 返回 false，则 id 必须是 number，因此不需要强制转换：

const FIRST_ROW: string = 'Initial';
const SECOND_ROW: Set<number> = new Set([1,4]);

const checkIt = (id: string | number): boolean =>
  typeof id === 'string' ? FIRST_ROW.includes(id) : SECOND_ROW.has(id)
;

playground