何时使用JavaScript模板引擎？

Question

以下是来自Ben Nadel的演示单页长寿AJAX应用程序的JavaScript模板示例:[来源]

<script id="contact-list-item-template" type="application/template">

    <li class="contact clear-fix">

            <div class="summary">
                    <a class="name">${name}</a>
            </div>

            <div class="actions">
                    <a href="javascript:void( 0 )" class="more">more</a> &nbsp;|&nbsp;
                    <a href="#/contacts/edit/${id}" class="edit">edit</a> &nbsp;|&nbsp;
                    <a href="#/contacts/delete/${id}" class="delete">delete</a>
            </div>

            <dl class="details clear-fix">
                    <dt>
                            name:
                    </dt>
                    <dd>
                            ${name}
                    </dd>
                    <dt>
                            phone:
                    </dt>
                    <dd>
                            ${phone}
                    </dd>
                    <dt>
                            email:
                    </dt>
                    <dd>
                            ${email}
                    </dd>
            </dl>

    </li>

我想问一下使用像这样的JavaScript模板引擎的目的是什么？它是为了节省带宽吗？这只是一个关注点分离的问题吗？它有助于对抗浏览器内存泄漏问题吗？

我应该何时使用模板引擎,何时更容易使用原始HTML AJAX响应？

相关讨论:

JQuery模板引擎

Answer 1

在几种情况下,模板是一个很好的解决方案:

• 从服务器加载所有数据,尤其是在富列表显示中
• 添加或更新列表中的新项目
• 您需要在任何位置向页面添加新的复杂内容
• 任何需要客户端HTML呈现的东西

资料来源:http://www.west-wind.com/Weblog/posts/509108.aspx