TypeScript 格式化字符串

TypeScript 是 JavaScript 的一個超集，它添加了可選的靜態(tài)類型和基于類的面向?qū)ο缶幊?，?TypeScript 中，我們可以使用模板字面量來創(chuàng)建格式化字符串，模板字面量是一種允許嵌入表達式的字符串字面量，它們使用反引號（`）而不是單引號或雙引號來定義。

1、基本用法

在 TypeScript 中，我們可以使用模板字面量來創(chuàng)建格式化字符串，模板字面量使用反引號（）包圍，并使用 ${expression}` 插入表達式。

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

2、多行字符串

如果模板字面量跨越多行，可以使用反斜杠（）來實現(xiàn)換行：

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 = 
歡迎來到我的網(wǎng)站！;
console.log(message); // 輸出：
歡迎來到我的網(wǎng)站！

5、轉(zhuǎn)義字符

在模板字面量中，我們需要使用反斜杠（）來轉(zhuǎn)義特殊字符。

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

6、自定義分隔符

模板字面量支持自定義分隔符，我們可以通過在首尾添加自定義分隔符來實現(xiàn)。

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

7、函數(shù)調(diào)用和嵌套模板字面量

在模板字面量中，我們可以調(diào)用函數(shù)和嵌套模板字面量。

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 提供了強大的字符串格式化功能，通過模板字面量，我們可以方便地創(chuàng)建和格式化字符串，模板字面量支持多種表達式、HTML 標簽、轉(zhuǎn)義字符、自定義分隔符以及函數(shù)調(diào)用和嵌套模板字面量等特性，熟練掌握這些技巧，可以幫助我們更高效地編寫 TypeScript 代碼。

網(wǎng)站名稱：TypeScript格式化字符串
網(wǎng)站URL：http://m.jiaotiyi.com/article/dpeoijj.html