TypeScript 中有没有办法警告“1”+1 =“11”？ [复制]

Question

JavaScript 充满了像这样的警告：

const arr = [1, 2, 3]

for (const i in arr) {
  console.log(i + 1)
}

没有经验的 JS 开发者期望的结果是1 2 3，但实际上是01 11 21。

---

看起来 TypeScript 默认没有警告连接字符串和数字，有没有办法做到这一点？

更准确地说：我如何才能收到有关 '1' + 1 等案例的警告

Answer 1

TS Lint 可以防止不当使用for..in。 https://palantir.github.io/tslint/rules/forin/

Answer 2

更新的有效答案 使用@typescript-eslint/restrict-plus-operands 规则。两个操作数都必须是字符串或数字，但不能同时是两者：

来自https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin#usage的eslint配置

{
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  "plugins": ["@typescript-eslint"],
  "rules": {
    "@typescript-eslint/restrict-plus-operands": "error"
  }
}

原创

TS Lint 有“首选模板”规则，尽管我没有在这种情况下尝试过。它应该可以工作，因为 TypeScript 将 i 变量视为字符串类型。

https://palantir.github.io/tslint/rules/prefer-template/

此规则将要求您执行以下操作以使串联工作：

console.log(`${i}1`);

这至少应该向开发人员发出他们正在尝试执行连接的信号。

仅供参考，TS Lint 已被弃用，取而代之的是 ES Lint，尽管我还没有将我的任何项目转移到该工具上。

更新 ES Lint 也有同样的规则：https://eslint.org/docs/rules/prefer-template

Answer 3

您连接的是数组属性名称，而不是它的值。这是因为for...in 迭代对象的属性。我认为你想要做的是：

const arr = [1, 2, 3]

for (const i in arr) {
  console.log(arr[i] + 1)
}

您总是可以在其中编写一些代码来验证输入的类型，但首先了解for...in 循环很重要——这里有一些documentation regarding for...in use with arrays

您可以使用typeof 在您的函数中进行简单的类型检查：

function doConcat(operand1, operand2) {
  if (typeof operand1 !== typeof operand2) { //simple typeof check
    console.log(`Cannot concat type: ${typeof operand1} with type: ${typeof operand2}`);
    return;
  }
  return operand1 + operand2;
}

const arr1 = [1, 2, 3]; //Should work - adding 2 numbers
for (const i in arr1) {
  console.log(doConcat(arr1[i], 1));
}

const arr2 = ['a', 'b', 'c']; //Should bomb - trying to concat number and string
for (const j in arr2) {
  doConcat(arr2[j], 1);
}