翡翠模板中的javascript函数执行

Question

我是nodejs的新手，正在尝试为html内容创建一个Jade文件myfile.jade：这是文件的内容：

extends layout
block content
   script
     function capitalize(s) { 
       console.log("Testing js exec");
       return s.charAt(0).toUpperCase() + s.slice(1); 
     };
  table
    - each item in list
      tr
        td
          a(href="/collection/#{item.name}") #{capitalize(itemName)}

但是，运行时会引发以下错误：

Error: mweb/views/collections.jade:8
    6|   script
    7|     function capitalize(s) { 
  > 8|       console.log("Testing js exec");
    9|       return s.charAt(0).toUpperCase() + s.slice(1); 
    10|     };

unexpected text ;

如果删除console.log，则会引发错误消息：

TypeError: mweb/views/collections.jade:18
  > 18|             a(href="/collection/#{item.name}") #{capitalize(itemName)}

据我所知，在玉器编译期间会调用大写，并且该功能不可用，因为script标签也已编译到html中。在a）服务器端或b）客户端评估此调用的最佳方法是什么？

谢谢

Answer 1

您需要在翡翠范围内定义函数，而不是在生成的JS中定义函数：

block content
   -  function capitalize(s) { return s.charAt(0).toUpperCase() + s.slice(1); };
  table
    - var list = ['one', 'two']
    - var itemName = 'test test'
    - each item in list
      tr
        td
          a(href="/collection") #{capitalize(itemName)}

但最好将其放在模板之外并将引用传递给helpers对象