模板字符串用反引号包裹，支持${}插入变量、表达式、函数调用及三元运算，天然支持多行与空白符保留，适用于HTML片段等场景；须避免未定义变量和引号误用。

JavaScript 中用模板字符串（反引号 `）拼接多行文本和动态变量，既简洁又直观，不需要加换行符或连接符。

基本语法：用 ${} 插入变量

模板字符串用反引号包裹，变量或表达式写在 ${} 里，JS 会自动求值并替换：

const name = "小明";<br>const age = 25;<br>const info = `姓名：${name}，年龄：${age}`;<br>// 结果："姓名：小明，年龄：25"

自然支持多行，保留换行与缩进

反引号内的换行、空格、制表符都会原样保留在最终字符串中，适合写 HTML 片段或提示文案：

立即学习“Java免费学习笔记（深入）”；

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

const title = "用户信息";<br>const user = { name: "李华", city: "杭州" };<br><br>const html = `<div class="card"> <h3>${title}</h3> <p>姓名：${user.name}</p> <p>城市：${user.city}</p></div>`;

生成的字符串含真实换行和空格，可直接用于 innerHTML 或日志输出。

支持表达式、函数调用和三元运算

${} 里不限于变量名，可以是任意合法表达式：

• ${price > 100 ? "贵" : "划算"}
• ${new Date().toLocaleDateString()}
• ${items.length > 0 ? items.join(", ") : "暂无数据"}

注意点：避免常见错误

• 必须用反引号 `，不是单引号或双引号
• ${} 内不能有未定义变量，否则报 ReferenceError
• 嵌套模板字符串时，确保内外都用反引号，且配对正确
• 若需显示字面量 ${，用转义写法：\${