ES6-11模版字符串，变量拼接、多行文本、插入表达式、调用函数。

模板字符串（template string）是增强版的字符串，用反引号（`）标识，特点：

1) 字符串中可以出现换行符

2) 可以使用 ${xxx} 形式输出变量

如果⼀个模板字符串由表达式开头，则该字符串被称为带标签的模板字符串，该表达式通常是⼀个函数，它会在模板字符串处理后被调⽤，在输出最终结果前，你都可以通过该函数来对模板字符串进⾏操作处理。在模版字符串内使⽤反引号（`）时，需要在它前⾯加转义符（\）。

        

let greeting = `\`Yo\` World!`;

  1. 最基础的变量拼接

//变量拼接
let food= '西红柿';
let result = `${food}可以把我当水果来吃`;

  2. 在模版字符串中使用htnl代码以及多行文本代码

//html代码以及换行文本
let hi=`<div>
    <h2>你好呀！</h2>
</div>`

  3. 插入一个表达式

//插入表达式
let x=30;
let y=10;

jia=`x-y=${x-y}`

  4. 在模版字符串里面调用函数表达式

let food=function(){
    return "苹果"
}

let c=`我喜欢吃${food()}`;