字符串的扩展-模板字符串

模板字符串的大括号内部，就是执行JavaScript代码

①。如果使用模板字符串表示多行字符串，所有的空格和缩进都会被保留在输出之中

②。模板字符串中嵌入变量，需要将变量名写在${}之中；

③。大括号内部可以放入任意的JavaScript表达式，可以进行运算，以及引用对象属性。

var x = 1;
var y = 2;

`${x} + ${y} = ${x + y}`      // 表达式
// "1 + 2 = 3"

`${x} + ${y * 2} = ${x + y * 2}`   //表达式进行运算
// "1 + 4 = 5"

var obj = {x: 1, y: 2};
`${obj.x + obj.y}`  //引用对象属性
// 3

④。模板字符串之中还能调用函数。

function fn() {
  return "Hello World";
}

`foo ${fn()} bar`    //调用函数
// foo Hello World bar

 

转载于:https://www.cnblogs.com/krystalcl/p/7269474.html