代码

优质
小牛编辑
132浏览
2023-12-01

Jade目前支持三种类型的可执行代码。第一种是前缀-, 这是不会被输出的:

- var foo = 'bar';

这可以用在条件语句或者循环中:

- for (var key in obj)
  p= obj[key]

由于Jade的缓存技术,下面的代码也是可以的:

- if (foo)
  ul
    li yay
    li foo
    li worked
- else
  p oh no! didnt work

哈哈,甚至是很长的循环也是可以的:

- if (items.length)
  ul
    - items.forEach(function(item){
      li= item
    - })

所以你想要的!

下一步我们要转义输出的代码,比如我们返回一个值,只要前缀一个=

- var foo = 'bar'
= foo
h1= foo

它会渲染为bar<h1>bar</h1>. 为了安全起见,使用=输出的代码默认是转义的,如果想直接输出不转义的值可以使用!=

p!= aVarContainingMoreHTML

Jade 同样是设计师友好的,它可以使javascript更直接更富表现力。比如下面的赋值语句是相等的,同时表达式还是通常的javascript:

 - var foo = 'foo ' + 'bar'
 foo = 'foo ' + 'bar'

Jade会把 if, else if, else, until, while, unless同别的优先对待, 但是你得记住它们还是普通的javascript:

 if foo == 'bar'
   ul
     li yay
     li foo
     li worked
 else
   p oh no! didnt work