ES6 模板字符串核心用法与特性详解

function func() { return 'Hello'; }
console.log(`${func()} World`); // "Hello World"

// 嵌套示例
var tmpl = addrs => `
  <table>
    ${addrs.map(addr => `
      <tr><td>${addr.first}</td></tr>
      <tr><td>${addr.last}</td></tr>
    `).join('')}
  </table>
`;

若大括号中的值未声明，将抛出 ReferenceError。对象默认调用 toString 方法转换。

标签模板

模板字符串可紧跟在函数后，形成'标签模板'（Tagged template）。该函数接收两个主要参数：一个包含模板常量部分的数组，以及后续表达式的计算结果。

var a = 5, b = 10;
function tag(strings, ...values) {
  console.log(strings[0]); // "Hello "
  console.log(strings[1]); // " world"
  console.log(values[0]);    // 15
  return "Processed";
}

tag`Hello ${a + b} world ${a * b}`;

这种形式本质上等同于 tag(['Hello ', ' world', ''], 15, 50)。特殊情况下，如 alert123`` 等同于 alert(123)。

String.raw 方法

String.raw 用于充当模板字符串的处理函数，返回原始字符串，不处理转义字符。

String.raw`Hi\n${2+3}!`; // "Hi\n5!"
String.raw`Hi\u000A!`;   // "Hi\u000A!"
String.raw`Hi\\n`;      // "Hi\\n"

该方法常用于需要保留路径或特殊格式的场景，确保转义符不被解析为实际字符。