JavaScript 经典实例：第三版

58

｜

第

2

章

2.5.3

讨论

模板字面量中的表达式不局限于只能使用变量。其实，

JavaScript

能求解的任何代码

表达式都可以使用。以下述代码为例。

const

calculation = `The sum of 5 + 3 is ${5+3}`;

这里，

JavaScript

执行

{5+3}

表达式中的加法运算，获得结果，然后创建字符串“

The

sum of 5

+

3 is 8

”。

如果你想做些复杂操作，例如格式化字符串或处理对象，可以在表达式中调用函数。

假如你定义了一个

getDaysSince()

函数，计算两个日期之间相差多少天（见

4.5

节 ），

在模板字面量中可以像下面这样使用。

function

getDaysSince(date) {

const

today =

new

Date();

const

oneDay = 24 * 60 * 60 * 1000; // hours*minutes*seconds*milliseconds

return

Math.round(Math.abs((today - date) / oneDay));

}

employeeDetail = `Our team includes ${firstName} ${lastName}. They've been a

team member since ${hireDate}! That's ${getDaysSince(hireDate)} days.`;

唯一的限制是考虑实际。也就是说，不要使用太过复杂的表达式，导致模板字面量 ...