使用th:inline设置thymeleaf变量总是将变量设置为空

th:if 在百里香。

<script th:inline="javascript">
/*<![CDATA[*/

    var variable = /*[[${variable}]]*/ 'value';
    console.log(variable); //prints 'null'

/*]]>*/
</script>

当我检查页面源时,这就是页面的呈现方式:

<script>
/*<![CDATA[*/

    var variable = null;
    console.log(variable);

/*]]>*/
</script>

为什么? variable 一直被设定为 null ?