第十七关:反引号的魔法

任务目标:学会使用模板字面量 (Template Literals)

🐛

巴格

拼接字符串太痛苦了!

"Hello " + firstName + ", you are " + age + " years old."

我总是漏掉空格或者加号!

JS 队长

救星来了!使用 反引号 (Backticks) ` (键盘左上角那个键)!

有了它,你可以直接在字符串里写变量,用 ${...} 包起来就行。

🦸‍♂️
let text = `Hello ${firstName}, you are ${age} years old.`;

这叫模板字面量,它不仅能插变量,还能直接换行!

let multiLine = `这是第一行 这是第二行 这是第三行`; // 这里的换行会被保留!

🧮 甚至可以算术!

${...} 里面,你可以放任何 JS 表达式。

let price = 10; let VAT = 0.25; let total = `总价: ${(price * (1 + VAT)).toFixed(2)}`;

🎮 填空题

用模板字符串补全下面的句子:

变量:item = "苹果", price = 5

let msg = `我要买 ${}, 价格是 ${} 元`;