是否可以从 golang 结构返回 javascript function ？

Question

下面的示例是一个 golang 结构

type Column struct {
        Data            string      `json:"data"`
        Title           string      `json:"title"`
        Type            string      `json:"type"`
        Class           string      `json:"class"`
        Visible         bool        `json:"visible"`
        Render          template.JS `json:"render"`
}

func (c *Column) SetValue() {
        // code below is flexible depend on condition but here i keep it simple.
        c.Render = template.JS(`function(data, type, row) { if(type === 'display'){ return $.fn.dataTable.render.text().display(data);} return data;}`);
}

这是golang模板中的Javascript

<script>
    $(function () {
        console.log({{.Columns}}, wantedobj);
    });
</script>

这是chrome开发人员工具。

• 左列表是上面结构的格式值。
• 正确的列表是我想要的格式。

在渲染上是否有任何可能的方法来获取 javascript function 而不是字符串？ （请看右图的渲染）

Answer 1

使用template.JS是正确的。 您的问题是，在 HTML 模板中，值会根据上下文进行转义：

在解析时，每个 {{.}} 都会被覆盖以根据需要添加 escaping 函数。

在<script>标记内，结构值（例如{{.Columns}}呈现为 JSON。 现在，由于template.JS只是string上的定义类型，因此当您将Columns编组为 JSON 时，字段Render将保留其字符串表示形式。

如果直接打印Render ，它会显示为未加引号的 Javascript：

console.log({{.Columns.Render}}); // unescaped JS function

现在您可能会考虑在Columns上实现MarshalJSON以将Render为未转义的 Javascript，但这不再是有效的 JSON。 Function 不是 JSON 数据类型。 它只能是一个字符串。 一个选项是使用text/template package 代替，但它不会再转义任何东西。 或者使用单个字段构造 Javascript object：

<script>
    $(function () {
        const foo = {
            data: {{.Columns.Data}},
            render: {{.Columns.Render}}
        }
        console.log(foo);
    });
</script>