How to concat string and number in Typescript

在 TypeScript 中，连接字符串和数字是一个简单的操作。可以通过使用加号 (+) 进行字符串连接，这个操作符可以将字符串和数字组合起来，生成一个新的字符串。这个过程在 JavaScript 中也是相同的，因为 TypeScript 是 JavaScript 的一个超集。

示例

假设我们有一个数字变量和一个字符串变量，我们想将它们连接起来。下面是如何在 TypeScript 中做到这一点的代码示例：

typescript
let age: number = 25;
let message: string = "My age is " + age;
console.log(message);

在这个例子中，age 是一个类型为 number 的变量，值为 25。message 是一个类型为 string 的变量，它通过连接字符串 "My age is " 和数字 age 来赋值。最终输出将会是：

shell
My age is 25

使用模板字符串

TypeScript（以及ES6以上版本的JavaScript）还提供了一种更现代的方式来连接字符串和变量，那就是使用模板字符串。模板字符串允许您创建包含嵌入表达式的字符串字面量。下面是如何使用模板字符串来连接字符串和数字的示例：

typescript
let age: number = 25;
let message: string = `My age is ${age}`;
console.log(message);

这里使用了反引号（`）而不是普通的单引号或双引号来定义字符串，${age} 是一个占位符，它会被变量 age 的值所替换。这种方法使得字符串的创建更加直观和易于阅读。

总结

连接字符串和数字在 TypeScript 中是非常直接的。您可以使用经典的加号操作符或者现代的模板字符串。模板字符串提供了一种更加清晰和方便的方式来处理字符串，尤其是在需要插入多个变量或表达式时。在实际开发中，推荐尽可能使用模板字符串，因为它们使代码更整洁且易于维护。