首页 > 解决方案 > 在 DOM/pug 文件中调用函数、数组、对象或 JSON 对象?

问题描述

我想这是一个关于最佳模式的更普遍的问题。

我的用例是我有一个 pug 文件,我想在其中迭代并为每个实例使用一个 mixin。数组示例:

myScript.js

const myFunction() {
  return ['first', 'second', 'third'];
}

page.pug

script(type="text/javascript" src="./myScript.js")

block content
  each val, index in customArrayFromFunction
    +myMixin(val)

// somehow the returned value from myFunction() in myScript,
// should be usable as customArrayFromFunction

你会把它附加到 DOM 窗口对象吗?( Source 1 )( Source 2 ) 这有点像污染全局范围,而不是污染窗口对象。

标签: javascriptpug

解决方案


您尚未指定如何使用 pug,但pug 文档显示已编译的模板作为 JavaScript 函数返回。从那里,您可以调用已编译的函数,传入一个带有您尝试访问的值的数据对象。


推荐阅读