是否存在TypeScript版ESLint no-implicit-coercion规则？如何避免对象插值问题

1. 等价于ESLint no-implicit-coercion的TypeScript规则 #

有，通过ESLint配合@typescript-eslint插件就能实现类似效果，核心规则是@typescript-eslint/no-base-to-string：

• 这个规则会禁止直接将对象、数组等非原始类型值转换为字符串（包括字符串插值场景），能在lint阶段直接拦截你示例中console.log(Hello ${user})这类代码，提前抛出错误。

启用方式：在ESLint配置文件中添加：

{
  "rules": {
    "@typescript-eslint/no-base-to-string": "error"
  }
}

注：TSLint（已被弃用）曾有no-implicit-string-conversion等类似规则，现在推荐使用ESLint+TypeScript插件的方案。

2. 其他解决方法 #

除了通过lint规则阻止隐式转换，还有以下几种实践方案：

显式处理对象转换 #

• 提取具体属性：直接使用对象的属性值插值，从根源避免对象转字符串的问题：

  const user = { name: 'John', lastname: 'Doe' }
  console.log(`Hello ${user.name} ${user.lastname}`)
  // Hello John Doe
  

• 自定义toString()方法：给对象添加自定义的toString()，确保转换后的字符串符合预期：

  const user = { 
    name: 'John', 
    lastname: 'Doe',
    toString() {
      return `${this.name} ${this.lastname}`
    }
  }
  console.log(`Hello ${user}`)
  // Hello John Doe
  

• 使用JSON.stringify()：如果需要查看对象完整结构，用该方法显式转换：

  console.log(`Hello ${JSON.stringify(user)}`)
  // Hello {"name":"John","lastname":"Doe"}
  

利用TypeScript类型约束 #

通过类型定义限制插值变量的类型，只允许原始类型或实现了toString()的类型：

type Stringifiable = string | number | boolean | { toString(): string }

function logGreeting(value: Stringifiable) {
  console.log(`Hello ${value}`)
}

const user = { name: 'John', lastname: 'Doe' }
logGreeting(user) // TypeScript编译报错，因为user未实现toString()

这样在编译阶段就能发现问题，无需等到运行时。

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