TypeScript中Promise与字符串拼接未触发报错，如何配置使其要求显式类型转换？

嘿，这个问题我之前也踩过坑！一开始看到输出"a[object Promise]"的时候整个人都懵了，完全没意识到是隐式类型转换在搞鬼。先给你解释下为什么TypeScript默认不会报错，再告诉你怎么配置解决这个问题。

首先说原因：JavaScript本身就允许不同类型之间的隐式转换，+运算符碰到非字符串类型时，会自动调用toString()方法把它转成字符串再拼接。Promise对象的默认toString()返回"[object Promise]"，空数组[]的toString()返回空字符串，所以代码能运行但结果完全不符合预期。TypeScript的设计原则之一是兼容现有JavaScript代码，所以默认不会阻止这种隐式转换行为。

接下来就是解决方案啦，关键是用TypeScript的编译器选项来开启严格的隐式转换检查：

1. 打开项目根目录下的tsconfig.json文件
2. 在compilerOptions里添加或修改noImplicitCoercion选项为true：

{
  "compilerOptions": {
    // 其他配置...
    "noImplicitCoercion": true
  }
}

开启这个选项后，TypeScript就会对所有隐式类型转换的情况报错，包括你碰到的Promise、数组和字符串拼接的场景。比如你原来的代码：

async function getFoo(): Promise<string> { return 'hello'; }
const str = 'a' + getFoo(); // 这里会直接触发TS报错

这时候你就必须用显式的方式处理：

• 对于Promise，你需要先await拿到它的返回值（注意要在async函数里使用await）：

async function getFoo(): Promise<string> { return 'hello'; }
async function main() {
  const str = 'a' + await getFoo();
  console.log(str); // 正常输出"ahello"
}
main();

• 对于数组和字符串拼接的情况，你可以显式转成字符串：

// 错误写法（开启选项后会报错）
const arrStr = [] + 'foo';
// 正确的显式转换写法
const arrStr = String([]) + 'foo'; // 或者 [].join('') + 'foo'

如果你不想对所有类型的隐式转换都严格检查，还可以给noImplicitCoercion传一个对象，只针对字符串相关的隐式转换开启检查：

{
  "compilerOptions": {
    "noImplicitCoercion": {
      "string": true
    }
  }
}

最后要提醒一下，这个选项默认是关闭的，因为很多老项目依赖JavaScript的隐式转换行为，开启后可能会出现很多现有代码的报错，需要逐步修复。但对于新项目来说，开启它能帮你提前规避很多隐式转换带来的意外bug。

内容来源于stack exchange