Jade从路由器传递对象/数组时得到错误

Question

我正在探索Jade作为Node中的视图引擎，并花了3个小时无法将对象（来自数据库的响应）传递给Jade视图而没有出现错误。

从我的路由器all是对象的数组：

var router = express.Router(); 
router.get('/all', function(req, res){ 
    db.findAll().then(function(all){ 
     res.render("index", { creators: all }); 
    }); 
}); 

玉观点：

doctype html 
html 
    head 
     title my jade template 
    body 
     .comment_list 
      each el in creators 
       p= el.creator 

正如你看到它是非常简单的。我见过使用玉器的20多个例子，做同样的，总是出现此错误：

> TypeError: index.jade:7 
    5|  body 
    6|   .comment_list 
> 7|    each el in creators 
    8|     p= el.creator 
Cannot read property 'length' of undefined 

直到我终于尝试each el in creators之前做了检查if(typeof(creators) != "undefined")和猜测什么......奇迹发生了。错误消失了。

我写这篇文章是为了参考所有用同样的问题挣扎的人，我想问一下这个错误的原因是什么以及为什么在Jade的文档中没有提到应该做出这样的迭代通过集合之前检查未定义？

Answer 1

在Jade中尝试操作它之前，检查变量的存在是一种常见模式。

从玉石文档上iterations：

The object or array to iterate over is just plain JavaScript so it can be a variable or the result of a function call or almost anything else.

- var values = []; 
ul 
    each val in values.length ? values : ['There are no values'] 
    li= val 

---

引擎盖下，翡翠是用标准的JavaScript当你打电话给each。

所以试图调用each的东西，不存在就像是试图做：

for(var i=0; i < undefined.length; i++) { ... } 

哪些错误，因为length不是undefined不动产。

完全理解你的挫败感，因为它处理未定义的数据是JavaScript中很多人的烦恼。