最简单直接的方式是用反引号`包裹字符串,并在${}中插入变量或表达式;必须用反引号而非单/双引号,${}内支持变量、运算、函数调用及三元运算,天然支持多行,且自动转换值为字符串。

JavaScript 中用模板字面量(Template Literals)拼接字符串和变量,最简单直接的方式是用反引号 ` 包裹整个字符串,并在其中用 ${} 插入变量或表达式。
基本写法:用反引号 + ${} 插入变量
模板字面量必须用反引号(`),不是单引号或双引号。变量放在 ${} 里,大括号内可以是变量名、运算、函数调用等。
-
✅ 正确:
const name = "小明"; const msg = `你好,${name}!`; -
❌ 错误:
const msg = "你好,${name}!";(普通字符串不解析 ${})
支持多行和任意表达式
模板字面量天然支持换行,也允许在 ${} 中写表达式,比如计算、三元判断、调用函数。
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 多行:
const text = `第一行<br>第二行<br>第三行`;
- 计算:
const a = 5; const b = 3; console.log(`和是 ${a + b}`); // "和是 8" - 条件:
const age = 18; const info = `状态:${age >= 18 ? '成年' : '未成年'}`;
注意变量作用域和类型自动转换
${} 中的变量必须在当前作用域可访问;JavaScript 会自动把非字符串值转为字符串,不需要手动调用 .toString()。
const arr = [1, 2]; console.log(`数组:${arr}`); // "数组:1,2"const obj = {x: 1}; console.log(`对象:${obj}`); // "对象:[object Object]"(注意这不是 JSON)- 若需更清晰输出对象,可用
JSON.stringify(obj):`${JSON.stringify(obj)}`
常见误区提醒
容易忽略的几个细节:
- 反引号是英文键盘左上角的
`(Esc 下方),不是单引号' -
${}里面不能有未声明的变量,否则报ReferenceError - 嵌套模板字面量时,每个
${}都要独立包裹,不能“套娃”写成$${...} - 标签模板(如
html`<div>${name}</div>`)是进阶用法,基础拼接无需涉及
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南










