ES6 模板字符串

撰写时间：2022 年 7 月 6日

                       ES6 模板字符串

模板字符串的基本使用：
使用”” ’’ 声明字符串
使用``反引号声明字符串
let a=”123211”;
Let b=’ashdsda’;
Let c=<p>段落标签</p>；

模板字符串与一般字符串的区别
模板字符串的注入
const person={
name:“zhangsan”,
sex:‘male’,
age:23
}
//普通字符串需要拼接
var str=“姓名”+person.name+“性别”+person.sex;
//模板字符串 可以通过注入的方式
var str1=姓名：${person.name}，性别：${person.sex}
以上的案例中和其他的字符串拼接，使用模板字符串，方便注入。其他情况下使用模板字符串或一般字符串都行。

模板字符串的注意事项
a.输出多行字符串
普通字符串，需要使用\n 、\t等进行换行
模板字符串中，所有的空格、换行或者缩进都会被保留在输出之中
//普通字符串
const info = ‘第1行\n第2行’;
//模板字符串中，所有的空格、换行或者缩进都会被保留在输出之中
const templetStr = 第一行 第二行 第三行;

b.输出``和\等特殊字符串 需要转义

模板字符串的应用(我们之前的项目中用字符串拼接的地方，都可以使用模板字符串，更加的方便与简洁)

const person={
name:“zhangsan”,
sex:‘male’,
age:23 }
const infor=姓名：${person.name},性别：${person.sex},是否成年： ${print(person.age)};