当前位置:嗨网首页>书籍在线阅读

13-模板字符串

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

3.8.1 模板字符串

在字符串表示数值是一种很常见的需求。可以通过字符串连接机制来完成:

let currentTemp = 19.5;
// 00b0 是"度数"符号的Unicode
const message = "The current temperature is " + currentTemp + "\u00b0C";

在ES6之前,字符串连接是唯一的实现方式(如果不用第三方库)。ES6引进了字符串模板(又叫字符串插值)。字符串模板提供了一种往字符串中快速插入值的方式。它使用重音符(`)代替引号。将之前的例子使用字符串模板进行重写:

let currentTemp = 19.5;
const message = 'The current temperature is ${currentTemp}\u00b0C';

在一个字符串模板中,$符号是特殊字符(也可以使用反斜线转义它):如果紧跟$的值[3]被包裹在大括号中,那么该值就会被注入到字符串中。

在ES6中,模板字符串是作者最喜欢的特性之一,大家会看到本书通篇都在使用它。