javascript - Nunjucks 模板中的变量解构

Question

当前变量在 for 循环中被称为属性:

{% id, item in items %}
  <div>
    {{ id }}
    {{ item.foo }}
    {{ item.bar }}
    {{ item.baz }}
    ...

最好跳过 for 中的 item. 部分:

  ...
  <div>
    {{ id }}
    {{ foo }}
    {{ bar }}
    {{ baz }}

与 ES6 解构类似:

for (const [id, {foo, bar, baz}] of Object.entries(items)) ...

是否可以将它们作为变量而不是 Nunjucks 模板中的 item 属性引用？

Answer 1

恕我直言，它的行为是危险的。 Foo 和 Bar 可以覆盖传递给模板和 {% set Foo = ... %} 变量。

var nunjucks  = require('nunjucks');
var env = nunjucks.configure();

env.addGlobal('destruct', function(obj) { 
    for (var key in obj)
        this.ctx[key] = obj[key];
})

var res = nunjucks.renderString(`
    {% for id, item in items %}
        {{destruct(item)}}
        {{id}} - {{foo}} - {{bar}}
    {% endfor %}
    `,
    {
        items: {
            A: {id: 10, foo: 'fooA', bar: 'barA'}, 
            B: {id: 20, foo: 'fooB', bar: 'barB'}
        }
    }
);

console.log(res);