${}语法

1. ${ }是es6新增的字符串方法
   可以配合单反引号完成字符串拼接的功能

2. 为什么要用模板字符串

在ES2015之前，如果在字符串中插入一个JavaScript表达式，需要使用如下形式：

let job=“web前端开发工程师”;
let str1=“我是”+job+"，工作5年了";

上面代码将变量job插入到字符串中，需要使用+进行字符串连接。
如果插入的数量较多，或者说较为复杂的操作，那么上面的方式将十分繁琐，不人性化。
再来看一下利用占位符对上面功能的实现，代码实例如下：

let job=“web前端开发工程师”;
let str2=我是${job}，工作5年了;//注意有坑：这里不是单引号，是esc下面的点符号
console.log(str2);

3. 用法：

a. 定义需要拼接的字符串
b. 将字符串用${ }包起来，写到需要拼接的地方

例子：
let a = ’ sally ’
let str = ${ a } loves dog

${}语法

1. ${ }是es6新增的字符串方法
   可以配合单反引号完成字符串拼接的功能

2. 为什么要用模板字符串

在ES2015之前，如果在字符串中插入一个JavaScript表达式，需要使用如下形式：

let job=“web前端开发工程师”;
let str1=“我是”+job+"，工作5年了";

上面代码将变量job插入到字符串中，需要使用+进行字符串连接。
如果插入的数量较多，或者说较为复杂的操作，那么上面的方式将十分繁琐，不人性化。
再来看一下利用占位符对上面功能的实现，代码实例如下：

let job=“web前端开发工程师”;
let str2=我是${job}，工作5年了;//注意有坑：这里不是单引号，是esc下面的点符号
console.log(str2);

3. 用法：

a. 定义需要拼接的字符串
b. 将字符串用${ }包起来，写到需要拼接的地方

例子：
let a = ’ sally ’
let str = ${ a } loves dog