Ember.js 的这个 JavaScript 语法位是如何工作的？ [复制]答案

【问题标题】：How does this JavaScript syntax bit from Ember.js work? [duplicate]Ember.js 的这个 JavaScript 语法位是如何工作的？ [复制]
【发布时间】：2017-05-15 10:40:56
【问题描述】：

通过教程，我遇到了这个：

this.render(hbs`
    {{#list-filter filter=(action 'filterByCity') as |results|}}
      <ul>
      {{#each results as |item|}}
        <li class="city">
          {{item.city}}
        </li>
      {{/each}}
      </ul>
    {{/list-filter}}
  `);

我认为反引号代表一个字符串？那么hbs 是什么？它是一个接收handlbars sn-p 作为参数的函数吗？

【问题讨论】：

hbs 是车把。请参阅欺骗中的第一个答案。
@PraveenKumar 我想。但是，在语法方面，为什么反引号不会出错？
Coz，这是一个有效的语法老板。
@PraveenKumar：由于您链接的问题及其答案没有解决模板文字，因此它不是重复的。但它密切相关。

标签： javascript ember.js syntax ecmascript-6

【解决方案1】：

我认为反引号代表一个字符串？

不，反引号代表一个模板文字，其结果通常是一个字符串，但不一定。当模板文字没有标记时，您会得到一个字符串，但这是一个标记模板文字，这是将模板文字传递给函数时（hbs在这种情况下）;结果是函数返回的任何内容。它看起来不像函数调用，但确实如此。

有关 MDN 的更多信息：Template lierals。

那么hbs 是什么？

hbs 是一个为模板提供把手处理的函数，参见this question and its answers。

【讨论】：