尝试使用液体设置 JS 变量答案

【问题标题】：Trying to set a JS Variable using liquid尝试使用液体设置 JS 变量
【发布时间】：2016-12-28 13:33:55
【问题描述】：

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

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

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

目前，我正在与

{% if customer %}

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

{% endif %}

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

{% if customer %}

    {{ customer.id }}

{% endif %}

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

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

谢谢！

【问题讨论】：

【解决方案1】：

它像 PHP 一样工作，将评估液体条件，如果它是真的，那么你的 JavaScript 就会被渲染，例如：

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

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

【讨论】：