反引号让JS多行文本更简洁易读

JavaScript 中的反引号（`）开启的模板字符串，不仅让多行文本编写变得直观简洁——无需拼接、转义或换行符，还能自然嵌入变量与表达式、完整保留原始格式（如缩进和空格），特别适合生成 HTML、SQL、正则及文档类内容；更关键的是，它独有支持标签函数的能力，可无缝集成安全转义、参数化查询、国际化等高级功能，真正将“写得舒服”升级为“运行更安全、维护更高效”。

模板字符串用反引号（`）包裹，天然支持多行文本，无需拼接或转义，写法更直观、维护性更强。

直接换行，无需连接符

传统字符串必须用加号（+）或数组 join 拼接多行，易出错且难阅读。模板字符串允许直接回车换行，缩进和空格都会被保留为字面量内容。

• ✅ 正确写法：`第一行
  第二行
  第三行`
• ❌ 避免写法："第一行\n" + "第二行\n" + "第三行"

内嵌变量与表达式更自然

在多行结构中插入变量时，不用反复退出字符串，用 ${} 即可无缝嵌入，逻辑清晰，不易漏掉引号或加号。

• 例如生成 HTML 片段：
  `
  
    

  ${name}

  
    

  年龄：${age}

  
  
  `
• 对比旧写法：需大量引号、加号、转义，极易出错

保留原始格式，适合配置和说明文本

写 SQL 查询、正则表达式、帮助文档等需要严格格式的文本时，反引号能完整保留缩进、换行和空格，避免因字符串处理引入意外空白或截断。

• 如多行正则：
  `^[a-zA-Z0-9._%+-]+
  @
  [a-zA-Z0-9.-]+
  \\.[a-zA-Z]{2,}$`
• 注意：若不希望保留缩进，可用 .trim() 或带标签函数处理

支持标签函数，拓展性强

反引号是唯一能触发标签函数的语法。结合多行能力，可实现 HTML 转义、SQL 参数化、国际化等高级功能，让多行文本不只是“看起来舒服”，还能安全执行。

• 示例：safeHtml`
  ${userInput}
  ` 自动转义
• 标签函数接收字符串数组和插值参数，便于统一处理每一段内容

到这里，我们也就讲完了《反引号让JS多行文本更简洁易读》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！