ecmascript-6 - Aurelia 中的 ES6 字符串插值

Question

我正在尝试按照 aurelia.io 上的“入门”部分进行操作，但在字符串内插入字符串时遇到了一些问题。

在第一个示例的 View 模型中，'fullName' 计算得到的 getter 返回一个字符串

return '${this.firstName} ${this.lastName}'

此值在 View (html 模板)中用作 ${fullName}。

问题不是显示计算的全名，而是显示实际的返回字符串。我已经尝试过 Chrome 和 Firefox，但都没有显示正确的值。

Welcome() 函数也存在同样的问题，因为它也返回一个字符串值。

我注意到在 Aurelia Visual Studio 示例中，返回值已更改为实际计算的字符串。

return this.firstName + " " + this.lastName;

我究竟做错了什么？

Answer 1

你的回答是正确的。这实际上是 ECMAScript 6 的一个特性，而不是专门的 Aurelia。在 ES6 中，` 字符，而不是 ' 字符，分隔模板化的字符串。

关于 Visual Studio 示例，这只是输出相同结果的另一种样式。然而，这种风格在 ECMAScript 5/JavaScript 中是有效的。您还可以编写以下内容，因为它们都是等效的:

return [this.firstName, this.lastName].join(' ');