${expression}字符串占位符

${expression} 为ES2015新增此语法结构。

浏览器支持：

（1）.IE9+浏览器支持占位符。

（2）.edge浏览器支持占位符。

（3）.火狐浏览器支持占位符。

（4）.谷歌浏览器支持占位符。

（5）.opera浏览器支持占位符。

（6）.safria浏览器支持占位符。

 

例子1

let address="湖南娄底";

let str=`我的家乡位于${address}，非常漂亮`;

console.log(str);

输出结果：我的家乡位于湖南娄底，非常漂亮

 

例子2

let func=(url)=>{
  return url;
}
let str = `网址是${func("sohu.com")}`;
console.log(str);

输出结果：网址是sohu.com

 

例子3

let arr = ["我", "是", "邓", "璟"];
let str = `${arr}`;
console.log(str);

输出结果：我,是,邓,璟

占位符中是数组，但是这个数组所处的上下文环境是字符串。

那么就隐式调用toString()方法将其转换为字符串。

 

总结：

在一个模板字面量中，你可以把任何合法的JavaScript表达式嵌入到占位符中将其作为字符串的一部分输出到结果中。

占位符${expression}中间可以包含任意的JavaScript表达式。
 

this.style.height = `${this.clientHeight - 44}px`