尝试使用液体设置 JS 变量

Question

我正在为 Shopify 开发 JS mod。 有人告诉我 Liquid 先渲染，然后是 JS。

考虑到这一点，我对如何实现一段逻辑有点困惑。

我想检查客户对象是否存在（已登录），如果存在，我想将 JS 变量 customerID 设置为客户 ID 属性的值。

目前，我正在与

{% if customer %}

    <script>
    var sasCustomerId = {{ customer.id }};
    </script>

{% endif %}

我不明白的是这如何正确呈现。 如果液体先走，那将离开

{% if customer %}

    {{ customer.id }}

{% endif %}

这看起来很奇怪。 这是一个瞬间发生的事情，它“首先”发生，但从用户的角度来看是瞬间的吗？

对不起，如果这是一个愚蠢的问题。 虽然我自己不是 Compsci 人，但如果有人愿意教育我，我很想更多地了解我编写的所有这些脚本实际上是如何工作的。

谢谢！

Answer 1

它像 PHP 一样工作，将评估液体状态，如果为真，则呈现您的 JavaScript，例如：

<script>
var sasCustomerId = 123;
</script>

如果没有，则不会渲染任何内容。