字符串扩展

• 模板字符串

  ES6使用`字符来表示一个字符串，使用${}表示一个变量，相对于ES5使用引号和加号拼接字符串看上去更加清晰，写法更简单，扩展性也更强

let a = 1,b = 2
`${a} + ${b} = ${a + b}`  //ES6模板字符串写法
//"1 + 2 = 3 "
a + " + " + b + " = " + (a+b)  //ES5字符串拼接
//"1 + 2 = 3"

${}中也可以放入任意的JavaScript表达式，可以进行运算，以及引用对象属性，还可以调用函数表达式

let obj = {
  a : 1,
  b : 2
}
`${obj.a} + ${obj.b} = ${obj.a + obj.b}`
//"1 + 2 = 3"
`${obj.a} * ${obj.b} = ${obj.a * obj.b}`
//"1 * 2 = 2"
`${obj.a} / ${obj.b} = ${obj.a / obj.b}`
//"1 / 2 = 0.5"

//函数调用
function fn() {
  return "Hello";
}
`${fn()} ES6`
//Hello ES6

• 标签模板

模板字符串的功能，不仅仅是上面这些。它可以紧跟在一个函数名后面，该函数将被调用来处理这个模板字符串。这被称为“标签模板”功能（tagged template）

alert`123`
// 等同于
alert(123)