Javascript简单实现模板引擎例子

6、block进阶：多级继承（layout.html ← middle.html ← child.html）

逐级prepend或者append貌似不太好整，不过可以变换下思路，采用smarty中的block嵌套形式，比如：
<&block name="block_header" &>
    我是header

    <&block name="block_header_inner" &>
        我是inner
    <&/block&>
<&/block&>

所以，在middle.html中，可以先实现block_header，再在其内部继续挖坑定义block_header_inner，比如：

<%function block_header(){%>
      我是header
     <%@ block="block_header_inner" %>
<%}%>
这样，在子模板child.html中只需要实现middle.html中的block_header_inner即可：
<%function block_header_inner(){%>
      我是子模板中的inner
<%}%>

7、如何保证子模板中不会出现父模板未定义的东西？

这个是必须得去保证的，可以这样简单处理：在extends标签被替换的地方，强制加上：
return __html;

三、实践一下

1、layout.html

   
       
       
   
   
       

2、child.html

<%@ extends="layout.html" %>

<%function block_content(prepend){%>
    我是子模板中的内容
<%}%>

<%function block_footer(){%>
    我是子模板中的footer
<%}%>

我是子模板中多余的内容
3、编译后的中间文件

/*--/Users/zhaoxianlie/SourceCode/biz/trunk/demo/views/child.html--*/
exports.html = function ($_ROOT) {
    return function ($_DATA) {
        var __html = '';
        __html += '';
        __html += ' ' +
            ' ' +
            '

        // 其实故事到这里就结束了。。。
        __html += '';
        function block_content(prepend) {
            __html += '我是子模板中的内容';
        }
        __html += '';
        function block_footer() {
            __html += '我是子模板中多余的内容';
        }
        __html += ' haha';
        return __html;
    };
};
4、运行以后

我是子模板中的内容
这里是父layout中的内容
我是子模板中的footer

差不多也就这点儿东西，就这么个原理，之后的smarty项目就好迁移了。