Javascript 将变量从液体模板传递到onClick函数

这是一个液体模板。 “item”变量（第2行）是一个对象，我想把它传递给“onclick”函数，以便在js文件中使用。 但是，它仅适用于字符串或数字 有人能帮忙吗？谢谢

<div class="flex flex-wrap">
            {% for item in portfolios %}
                {% assign test = item %}
                <a class="cursor-pointer portfolio block relative overflow-hidden w-full mb-6 md:w-1/2 md:mb-0" onclick="toggleGallery('{{ test | json}}')">
                    <div class="captain absolute w-full h-full text-white p-4 flex flex-col justify-center items-center z-10 bg-blue-600">
                        <h3>{{ item.name }}</h3>
                        <p class="mb-0">
                            {{ item.description }}
                        </p>
                    </div>
                    <div class="relative pb-2/3">
                        <img class="absolute w-full h-full object-cover object-center" src="{{ item.thumnail }}" alt=""/>
                    </div>
                </a>
            {% endfor %}
        </div>

{%用于公文包%中的项目}
{%assign test=item%}
{{item.name}

{{item.description}}

{%endfor%}