介绍
模板字符串是 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);
通过这些例子,你可以看到模板字符串的强大和灵活性。它们使得字符串的处理更加直观和方便。