模板字符串

定义

模板字符串(Template String)是 JavaScript ES6 引入的一种新的字符串表示方式,用反引号(`)包裹,支持嵌入表达式和多行内容,增强了字符串的可读性和灵活性。

组成部分

反引号:用来包裹模板字符串。
占位符:使用 ${} 插入变量或表达式的计算结果。
普通字符串内容:除了占位符,模板字符串还可以包含任何普通字符。

结构形式

1.单行模板字符串:

1
2
const str = `这是一个单行模板字符串。`;

2.多行模板字符串:

1
2
3
4
const str = `这是
一个
多行模板字符串。`;

3.含表达式的模板字符串:

1
2
3
const name = "张三";
const str = `你好,${name}`;

使用方法

1.声明模板字符串:

用反引号包裹。

2.嵌入变量:

通过 ${变量名}。

3.嵌入表达式:

通过 ${表达式}。

4.处理多行:

直接回车换行即可。

示例

1
2
3
4
const name = "张三";
const age = 25;
const greeting = `你好,我是 ${name},今年 ${age} 岁。`;
console.log(greeting);