const name = "小明";
const age = 25;
const message = `你好，我是${name}，今年${age}岁。`;
console.log(message); // 输出：你好，我是小明，今年25岁。

const html = `
<div>
  <p>这是第一段</p>
  <p>这是第二段</p>
</div>
`;
console.log(html);

const a = 10;
const b = 20;
const result = `${a} + ${b} = ${a + b}`;
console.log(result); // 10 + 20 = 30

const getName = () => "张三";
console.log(`用户姓名：${getName()}`); // 用户姓名：张三

const score = 85;
console.log(`成绩评定：${score >= 60 ? '及格' : '不及格'}`); // 成绩评定：及格
</font>

<H3>标签模板（Tagged Templates）</H3>
<p>模板字符串可与函数结合，实现更复杂的处理逻辑。函数接收字符串部分和变量值数组：</p>
<font face="Courier New">
<pre class="brush:php;toolbar:false;">
function highlight(strings, ...values) {
  let result = '';
  strings.forEach((str, i) => {
    result += str;
    if (i < values.length) {
      result += `<strong>${values[i]}</strong>`;
    }
  });
  return result;
}

const user = "李四";
const visits = 5;
const htmlOutput = highlight`欢迎${user}，您是第${visits}次访问！`;
console.log(htmlOutput);
// 输出：欢迎<strong>李四</strong>，您是第<strong>5</strong>次访问！