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

模板字符串的大括号内部,就是执行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

 

posted on 2017-08-01 17:00  我爱吃豌豆  阅读(120)  评论(0编辑  收藏  举报

导航