---
title: "Sline & Handlebars 语法差异对比"

doc_type: static
doc_category: static
doc_version: v20270301
source_url:
  html: 'https://developer.shopline.com/zh-hans-cn/docs/sline/syntax-differences-sline-vs-handlebars'
  md: 'https://developer.shopline.com/zh-hans-cn/docs/sline/syntax-differences-sline-vs-handlebars.md'
---
# Sline & Handlebars 语法差异对比
<table>
  
    <tr>
      <th>分类</th>
      <th>说明</th>
      <th>Handlebars</th>
      <th>Sline</th>
    </tr>
<tr>
        <td rowspan="3"><strong>字符串</strong></td>
    </tr>
    
    <tr>
      <td>双引号</td>
      <td>多个字符：` "str" `</td>
      <td>多个字符：` "str" `</td>
    </tr>
    <tr>
      <td>反引号</td>
      <td>不支持</td>
      <td>多个字符：`` `str` ``</td>
    </tr>
    
    <tr>
        <td rowspan="3"><strong>作用域</strong></td>
      <td>`this`</td>
      <td>`{{ this.title }}`</td>
      <td>`{{ title }}`</td>
    </tr>
 <tr>
      <td>` ./ `</td>
      <td>` {{ ./title }} `</td>
      <td>`{{ title }}`</td>
    </tr>
 <tr>
      <td>`../`</td>
      <td>`{{ ../title }}`</td>
      <td>不支持查找上层作用域</td>
    </tr>
    <tr>
      <td rowspan="2"><strong>表达式</strong></td>
      <td>数组下标</td>
      <td>`{{ products.[0].title }}`</td>
      <td>`{{ products[0].title }}`</td>
    </tr>
    
    <tr>
      <td>变量取值</td>
      <td>`{{ get key (get index products) }}`</td>
      <td>`{{ products[index][key] }}`</td>
    </tr>
    
    <tr>
        <td ><strong>注释</strong></td>
      <td></td>
      <td>
        + `{{!-- 这里是注释 --}}`<br/>
        + `{{#comment}} 注释 {{/comment}}`
      </td>
      <td>`{{!-- 这里是注释 --}}`</td>
    </tr>
   
<tr>
    <td rowspan="3"><strong>扩展能力</strong></td>
      <td>helper</td>
      <td>
        + 单行：`{{capitalize "test"}}`<br/>
        + 块级：`{{#if true}} OK {{/if}}`
      </td>
      <td>可使用 tag/filter 代替</td>
    </tr>
    <tr>
      <td>tag</td>
      <td>不支持</td>
      <td>
        + 自闭合：`{{#component "a" /}}`<br/>
        + 块级：`{{#if true}} OK {{/if}}`
      </td>
    </tr>
    <tr>
      <td>filter</td>
      <td>不支持</td>
      <td>`{{ "a,b,c" | split(",") | join("-") }}` </td>
    </tr>

</table>