【ES6复习笔记】模板字符串（3）

介绍

模板字符串是 ES6 引入的一种新的字符串声明方式，它使用反引号（`）来定义字符串，而不是单引号（'）或双引号（"）。模板字符串可以包含变量、表达式和换行符，这使得它们非常适合用于构建复杂的字符串。

以下是模板字符串的一些特点和用法：

1. 声明：使用反引号（`）来声明模板字符串。

let str = `我也是一个字符串哦!`;
console.log(str, typeof str);

2. 内容中可以直接出现换行符：模板字符串中的换行符会被保留，这使得它们非常适合用于构建 HTML 模板或其他需要格式化的文本。

let str = `<ul>
            <li>沈腾</li>
            <li>玛丽</li>
            <li>魏翔</li>
            <li>艾伦</li>
            </ul>`;

3. 变量拼接：可以在模板字符串中使用 ${} 来插入变量或表达式。

let lovest = '魏翔';
let out = `${lovest}是我心目中最搞笑的演员!!`;
console.log(out);

4. 函数调用：可以在模板字符串中调用函数。

function getAge() {
    return 30;
}
let age = `I am ${getAge()} years old.`;
console.log(age);

5. 标签模板：可以使用标签函数来处理模板字符串。

function tag(strings,...values) {
    console.log(strings);
    console.log(values);
    return '标签模板';
}
let name = 'Tom';
let age = 20;
let result = tag`My name is ${name} and I am ${age} years old.`;
console.log(result);

通过这些例子，你可以看到模板字符串的强大和灵活性。它们使得字符串的处理更加直观和方便。