JQuery模板 - 太多递归

Question

我正在使用jquery模板来生成树结构来显示部分和项目的树视图。

数据的结构是这样的，其中每个部分都有项目和节和每个项目可以有多个部分：

section 
    items 
     item 
      sections 
     item 
      sections 
    sections 
     section 
      sections 
      items 

    ...and so on 

我的模板然后递归调用对方：

<script id="my-item-tmpl" type="text/x-jquery-tmpl"> 
    <li> 
     <span>${text}</span> 
     <ul> 
     {{each sections}} 
      {{tmpl($value) "sectionTmpl"}} 
     {{/each}} 
     </ul> 
    </li> 
</script> 

<script id="my-section-tmpl" type="text/x-jquery-tmpl"> 
    <li> 
     <span>${text}</span> 
     <ul> 
     {{each items}} 
      {{tmpl($value) "itemTmpl"}} 
     {{/each}} 

     {{each sections}} 
      {{tmpl($value) "sectionTmpl"}} 
     {{/each}} 
     </ul> 
    </li> 
</script> 




$("#my-item-tmpl").template('itemTmpl'); 
$("#my-section-tmpl").template('sectionTmpl'); 


$.tmpl('sectionTmpl', { section }).appendTo(this); 

我我发现然而，大约4级进入结构我收到"too much recursion“我的控制台中的错误。

这是只是jQuery模板的限制te引擎？

编辑：

我已经通过去除{{each}}并用{{tmpl}}调用替换它解决了这一点。 {{each}}不需要。我还将每个{{tmpl}}呼叫打包在{{if}}以确保收集存在。

Answer 1

JavaScript的递归限制约为1000级;尽管你使用的结构可能不应该达到这个水平。

“我的模板，然后递归调用对方”

的标记，使我的头很疼，所以我有一些困难，阅读代码（我的问题，不是你的），但任何时候我已经在任何情况下都会在递归方面遇到堆栈限制，因为我故意强调深度递归，或者因为我有一个循环引用，所以我的递归永远不会终止。

所以，一般来说：确保你的函数有一个方法来完成，而不是永远创建自己的新实例。