TypeScript错误排查：number类型参数无法赋值给string类型参数

嘿，我来帮你揪出这个问题的根源～

首先，这个错误的核心是TypeScript的强类型检查机制：你代码里给value字段赋值了一个number类型的值，但TypeScript推断（或者你预先定义的接口/类型）要求这个value字段必须是string类型，所以就触发了类型不匹配的错误。

咱们拆解你的代码来看：

for (var yearx = 0; yearx < (2018 - 2011); yearx++){ 
  json.course[i].year[yearx] = {
    'value':eval(2011 + yearx),
    'term':[{'value':e}]
  }; 
}

问题1：不必要且有风险的eval #

首先说个题外话：这里完全没必要用eval！2011 + yearx本身就是合法的数字计算，eval在这里纯属多余，还会带来性能和安全隐患（如果yearx是外部输入的话，可能被注入恶意代码），直接写2011 + yearx就好。

问题2：类型不匹配的核心原因 #

2011 + yearx的结果是number类型，而你的value字段被TypeScript判定为需要string类型，所以就出现了“number无法赋值给string”的错误。

解决方案 #

你有两种处理方式，根据你的实际需求选：

方式1：把数字转换为字符串（推荐，因为错误提示说明需要string）

直接把数字转成字符串格式，替换掉原来的eval部分：

for (let yearx = 0; yearx < (2018 - 2011); yearx++){ 
  json.course[i].year[yearx] = {
    value: `${2011 + yearx}`, // 用模板字符串转成string
    term: [{ value: e.toString() }] // 如果e也是number，同样转成string
  }; 
}

也可以用(2011 + yearx).toString()，效果是一样的。

方式2：修改类型定义（如果value应该是number）

如果你原本的业务逻辑里value就应该是数字类型，那你需要检查对应的接口/类型定义，把value的类型从string改成number，比如：

interface YearItem {
  value: number; // 把这里改成number
  term: Array<{ value: number }>;
}

这样TypeScript就不会再报错了。

最后提醒一下：尽量用let代替var，避免变量提升带来的意外问题哦～

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