TypeScript 格式化字符串

TypeScript 格式化字符串

TypeScript 是 JavaScript 的一个超集，它添加了可选的静态类型和基于类的面向对象编程，在 TypeScript 中，我们可以使用模板字面量来创建格式化字符串，模板字面量是一种允许嵌入表达式的字符串字面量，它们使用反引号（`）而不是单引号或双引号来定义。

1、基本用法

在 TypeScript 中，我们可以使用模板字面量来创建格式化字符串，模板字面量使用反引号（）包围，并使用 ${expression}` 插入表达式。

let name: string = "张三";
let age: number = 25;
let message: string = 你好，我叫${name}，今年${age}岁。;
console.log(message); // 输出：你好，我叫张三，今年25岁。

2、多行字符串

如果模板字面量跨越多行，可以使用反斜杠（）来实现换行：

let multiLineMessage: string = `这是一个多行字符串的例子。
它可以跨越多行，
只需要在每行的末尾添加一个反斜杠（），`;
console.log(multiLineMessage);

3、插入变量和表达式

在模板字面量中，我们可以插入变量和表达式。

let name: string = "张三";
let age: number = 25;
let message: string = 你好，我叫${name}，今年${age}岁。;
console.log(message); // 输出：你好，我叫张三，今年25岁。

4、支持 HTML 标签

模板字面量还支持 HTML 标签，可以直接在字符串中插入 HTML 标签：

let message: string = <h1>欢迎来到我的网站！</h1>;
console.log(message); // 输出：<h1>欢迎来到我的网站！</h1>

5、转义字符

在模板字面量中，我们需要使用反斜杠（）来转义特殊字符。

let path: string = "C:\Users\张三\Documents\file.txt";
console.log(path); // 输出：C:Users张三Documentsfile.txt

6、自定义分隔符

模板字面量支持自定义分隔符，我们可以通过在首尾添加自定义分隔符来实现。

function formatString(name: string, age: number): string {
    return {name}今年${age}岁;
}
let message: string = formatString("张三", 25);
console.log(message); // 输出：张三今年25岁

7、函数调用和嵌套模板字面量

在模板字面量中，我们可以调用函数和嵌套模板字面量。

function getFullName(firstName: string, lastName: string): string {
    return firstName + " " + lastName;
}
let fullName: string = getFullName("张", "三");
let message: string = 你好，我叫${fullName}，我今年${getFullName("张", "三")["length"]}岁。;
console.log(message); // 输出：你好，我叫张 三，我今年4岁。

TypeScript 提供了强大的字符串格式化功能，通过模板字面量，我们可以方便地创建和格式化字符串，模板字面量支持多种表达式、HTML 标签、转义字符、自定义分隔符以及函数调用和嵌套模板字面量等特性，熟练掌握这些技巧，可以帮助我们更高效地编写 TypeScript 代码。