TypeScript 格式字符串

在 TypeScript 中，格式字符串可以通过字符串字面量类型来定义。格式字符串是一个包含占位符的字符串，占位符由花括号包围，其中包含表达式，表达式的值将替换占位符。

定义格式字符串

下面是一个基本的格式字符串定义示例：

let name = "John";
let age = 30;
let message = `My name is ${name} and I am ${age} years old.`;

在上面的示例中，我们定义了一个名为 message 的格式字符串，其中使用了两个占位符 ${name} 和 ${age}。使用字符串字面量类型可以确保格式字符串的类型与定义的值类型相同，避免了潜在的类型错误。

格式化字符串

格式字符串不仅仅可以帮助我们构建动态的字符串，还可以使我们的代码更加简洁易读。下面是一个使用格式字符串来格式化打印信息的示例：

function logMessage(name: string, age: number): void {
  console.log(`My name is ${name} and I am ${age} years old.`);
}

logMessage("John", 30);

在上面的示例中，我们定义了一个 logMessage 函数，该函数接受两个参数 name 和 age，并使用这些参数来格式化打印的日志信息。

高级用法

格式字符串可以包含换行符、嵌套表达式和条件语句等高级特性。下面是一些示例：

function formatMessage(name: string, age: number): string {
  return `
    Dear ${name},
    Your payment of $${age * 1000} has been received.
    Thank you for your business!
  `;
}

function formatScore(score: number): string {
  return `
    Your score is ${score}.
    You ${score >= 60 ? "passed" : "failed"} the exam.
  `;
}

在上面的示例中，我们使用了模板字符串的高级特性来创建格式化字符串。formatMessage 函数演示了如何包含换行符来创建多行文本，同时还嵌套了表达式 ${age * 1000} 来计算支付金额。formatScore 函数则演示了如何使用条件语句来根据分数生成不同的文本。

总结

格式字符串是 TypeScript 中一个非常强大的特性，可以帮助我们更加简洁和优雅地编写代码，避免了潜在的类型错误和其他常见问题。希望通过本文的介绍，可以帮助您更好地理解和使用格式字符串。