javascript - Express - 在外部 JavaScript 文件中使用通过渲染函数接收的对象

Question

我使用渲染函数从 Express 传递一个对象，就像我的 index.js 文件中一样:

app.get("/chat", function(req, res){
  res.render("chat", {user: req.user});
});

我可以在我的 chat.ejs 文件中使用它:

<% if(!user){ %>
  <li><a href="/auth/login">Connexion</a></li>
<% } else{ %>
  <li><a href="/profile">Profil</a></li>
  <li><a href="/chat">Chat</a></li>
  <li><a href="/auth/logout">Déconnexion</a></li>
<% } %>

<div id="output"></div>

chat.js JavaScript 文件链接到我的 chat.ejs 文件:

<script defer type="text/javascript" src="/script/chat.js"></script>

但是，当我想在 div 标记内输出数据时，我的外部 JavaScript 不知道用户对象:

typingFeedback.innerHTML = "<img src=" + user.thumbnail + "alt='Profile Image />";
let newP = document.createElement("p");
let newTxt = document.createTextNode(data.message);
newP.appendChild(newTxt);
output.appendChild(newP);

这是我的文件组织方式的图片:

如何在外部 JavaScript 中使用用户对象？

Answer 1

在您的 chat.ejs 中，您可以将用户公开为 JavaScript 对象:

 <script>
  var user = <%- JSON.stringify(user) %>;
</script>

然后您可以通过代码以用户身份访问它。