如何在TypeScript中使用模板字面量拼接字符串及替换+运算符

1. 如何在TypeScript中使用模板字面量拼接两个字符串？ #

用模板字面量拼接字符串很直接：用反引号（）包裹整个内容，需要插入的变量放在${}`语法里，就能自动完成拼接。比如：

const strA = "Hello";
const strB = "TypeScript";
const combinedStr = `${strA}, ${strB}!`; // 结果为 "Hello, TypeScript!"

2. 替换代码中的+运算符为模板字面量 #

把原代码里的字符串拼接逻辑改成模板字面量，只需要将this.name + '(GCSS)'替换为${this.name}(GCSS)，并用反引号包裹整个值即可。修改后的代码如下：

filters:[
  { 
    divName: 'CSS',
    levels: [{key: 'GCSS', val: `${this.name}(GCSS)`}]
  }
],

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