javascript - 什么时候使用 JavaScript 模板引擎？

Question

这是来自 Ben Nadel 的演示单页长期 AJAX 应用程序的 JavaScript 模板示例，取自:[source]

<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之类的模板引擎的目的是什么？是为了节省带宽吗？这只是Separation of concerns的问题吗？ ？它是否有助于解决浏览器内存泄漏问题？

我什么时候应该使用模板引擎，什么时候使用原始 HTML AJAX 响应更容易？

相关讨论:

JQuery templating engines

Answer 1

在某些情况下，模板化是一个很好的解决方案:

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

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