JavaScript模板字符串用反引号包裹,支持多行、保留空格换行,并通过${}嵌入变量或表达式;注意${}内只能是表达式,不可写语句,反引号不可与单双引号混淆。

JavaScript模板字符串是用反引号(`)包裹的字符串,支持多行书写和直接嵌入变量、表达式,比传统单引号或双引号字符串更灵活。
如何创建模板字符串
只需用反引号代替单引号或双引号即可。它能自然保留换行和空格,无需转义:
const str = `Hello World`;const multi = `第一行
—— 换行会被原样保留
第二行
第三行`;
怎样嵌入变量
在模板字符串中使用 ${} 语法插入变量,大括号内写变量名即可:
const name = "Alice";
console.log(`Hi, ${name}!`); // 输出:Hi, Alice!- 变量必须已声明,否则会报
ReferenceError
怎样嵌入表达式
大括号里不仅可以放变量,还能放任意合法的 JavaScript 表达式:
立即学习“Java免费学习笔记(深入)”;
const a = 5, b = 3;
console.log(`和是 ${a + b}, 平方和是 ${a**2 + b**2}`);console.log(`今天是 ${new Date().toLocaleDateString()}`);console.log(`状态:${isActive ? '在线' : '离线'}`);
注意事项和常见误区
模板字符串不是万能的,要注意几个细节:
- 反引号不能和单/双引号混用(如
`"hello"`可以,但`'hello'中的单引号不需转义,本身没问题;真正要避免的是把反引号写成单引号) -
${}内部不能直接写语句(比如if或for),只能是表达式;如需逻辑,应提前计算好值或用三元运算符 - 嵌套模板字符串时,外层反引号内的
${}仍有效,可继续用反引号,例如:`结果:${`${x} + ${y} = ${x+y}`}`











