javascript - 尝试使用液体设置 JS 变量

Question

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

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

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

目前，我正在与

{% if customer %}

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

{% endif %}

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

{% if customer %}

    {{ customer.id }}

{% endif %}

这看起来很奇怪。这是“首先”发生但从用户的 Angular 来看是瞬时的事情吗？

抱歉，如果这是一个愚蠢的问题。我自己不是 Compsci 人，但如果有人愿意教育我，我很想了解更多关于我编写的所有这些脚本的实际工作原理。

谢谢!

Answer 1

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

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

如果不是，则不会呈现任何内容。