反引号包裹的模板字符串是JavaScript中最自然可靠的文本拼接方式,支持多行、内嵌表达式、免转义及标签函数扩展。

反引号(`)包裹的模板字符串,是 JavaScript 中处理复杂文本拼接最自然、最可靠的方式。
支持多行文本,无需换行符或连接符
传统字符串用单引号或双引号时,换行必须靠
或加号 + 拼接,易出错且难读。模板字符串直接换行,结构一目了然:
- 写法简洁:直接回车换行,缩进和空格都原样保留
- 适合 HTML 片段、SQL 查询、JSON 示例等含多行结构的文本
- 避免因忘记加
+或漏写引号导致的语法错误
内嵌表达式清晰直观,无需反复拼接
用 ${...} 可在任意位置插入变量、函数调用甚至简单运算,逻辑和结构高度统一:
- 不用再写
"Hello " + name + ", you have " + count + " messages" - 支持嵌套:如
${user?.profile?.name || 'Anonymous'} - 可调用方法:
${date.toLocaleDateString('zh-CN')},实时计算不额外声明变量
天然避免引号冲突,省去转义烦恼
当文本本身含大量单引号、双引号或反斜杠时,模板字符串几乎无需转义:
立即学习“Java免费学习笔记(深入)”;
- HTML 字符串中写
<div class="card"><p>He said: "Hi!"</p></div>完全合法 - 正则字面量或路径字符串(如
C:Users ameile.txt)可写作`C:\Users\name\file.txt`或更稳妥地用原始模板字符串`C:Users ameile.txt`(配合String.raw) - 减少因引号嵌套导致的视觉混乱和语法错误
与标签函数配合,实现高级文本处理
模板字符串可作为参数传给自定义标签函数,解锁格式化、国际化、SQL 转义、HTML 模板渲染等能力:
- 例如
html`<h2>${title}</h2> <p>${content}</p>`可自动转义 XSS 风险字符 - i18n 库可用
msg`Welcome, ${name}!`根据语言环境动态替换 - 数据库驱动支持
sql`SELECT * FROM users WHERE id = ${id}`自动参数绑定防注入










