ES6:模板字符串-基本用法

模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。

// 普通字符串
`In JavaScript '\n' is a line-feed.`

// 多行字符串
`In JavaScript this is
 not legal.`

// 字符串中嵌入变量
var name = "Bob"; 
time = "today";
`Hello ${name}, how are you ${time}?`

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

注2:模板字符串中嵌入变量,需要将变量名写在${}之中。

 `User ${user.name} is not authorized to do ${action}.`);

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

`${obj.x + obj.y}`

注4:模板字符串之中还能调用函数。

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

`foo ${fn()} bar`
// foo Hello World bar

 

你可能感兴趣的:(js)