JavaScript中用反引号包裹的字符串叫模板字面量,支持变量插值(如${name})、多行文本、嵌套表达式及函数调用,但需注意使用英文反引号、避免未声明变量、转义字面量${需用\${。

JavaScript 中用反引号(`)包裹的字符串叫模板字面量(Template Literal),它支持在字符串中直接嵌入变量和表达式,语法简洁且可读性强。
基本变量插值语法
在反引号字符串中,用 ${} 包裹变量或表达式即可动态插入值:
-
let name = "小明"; console.log(`你好,${name}!`);→ 输出:你好,小明! -
let age = 25; console.log(`明年 ${age + 1} 岁`);→ 输出:明年 26 岁
支持多行字符串
反引号天然支持换行,无需 \n 或加号拼接:
console.log(`第一行<br>第二行<br>第三行`);
会原样输出三行文本- 普通单/双引号字符串换行需用
\n或字符串连接,易出错且不直观
嵌套表达式与函数调用
${} 内可以是任意合法 JavaScript 表达式,包括三元运算、函数调用、对象属性访问等:
立即学习“Java免费学习笔记(深入)”;
let user = {name: "李华", score: 87}; console.log(`${user.name}的成绩是${user.score >= 90 ? '优秀' : '良好'}`);console.log(`当前时间:${new Date().toLocaleTimeString()}`);
注意点与常见错误
使用时需留意几个细节:
- 反引号是英文键盘上的
`(通常在 Esc 键下方),不是单引号'或双引号" -
${}内部不能有未声明变量,否则运行时报ReferenceError - 若需显示字面量
${,可用转义:\${→ 输出为 ${










