TYPO3：在 JavaScript 中使用 Fluid 变量？

Question

I have written a TYPO3 extension with a template. Inside that template I have a JavaScript function between <script> tags. It came to my attention just now that the whole template is rendered by Fluid (correct?). Hence it should do something (or rather should not, because it's javascript and shouldn't be considered by Fluid) with the curly brackets ( function (){...} ) of my JavaScript function inside my <script> tags. Correct? This doesn't seem to be the case since my code has always worked. I'm wondering why it has always worked? Does TYPO3 recognize the script tags and ignores everything inside of them? This is TYPO3 6.2 by the way.

Now the more important question: how can I access an associative array, which I have assigned to the view via the controller, inside the javascript function which is between my <script> tags? I tried something like var x = {test_variable} inside my javascript function but this doesn't work. That's a hint that curly brackets inside JavaScript are not interpreted by Fluid. But I found sources which claim that they are. However the curly brackets seem to get ignored by Fluid in my case. Which explains why my javascript has always worked. I'm confused because I cannot explain all these things. Anyway, so how do I access the variables, that I have assigned to my view in the controller, inside my JavaScript? I hope it's clear what I mean.

Answer 1

To have the answer in short. This seems to be a caching / rendering bug in TYPO3. A valid workaround is to surround the code causing problems with a condition.

So

...
var x = {test_variable}
...

can be written as

<f:if condition="1">
    ...
    var x = {test_variable}
    ...
</f:if>

Thanks to the research and comments of @Robert to the answer from Bernd Wilke
(This bug still existed in TYPO3 v9.5.23. Not tested in V10.4)

Answer 2

Fluid genereates a text. For Fluid there is no difference whether you generate XML, txt, HTML, Javascript or PHP.

In this way you can use Fluid variables everywhere. But you need to consider the special handling of curly brackets for variables in output which contains curly brackets as plain output. Fluid could mistreat a curly bracket which should be plain output as lead-in for a variable.
(There are similar problems if you generate multi-line javascript in typoscript)

Not every usage of curly brackets can be identified uniquely.

If the variable in your example var x = {test_variable} contains some text you missed the ' or " to indicate a string for javascript. But that should result in a javascript syntax error.
If you find {test_variable} literally in your javascript you might have not defined a Fluid variable named test_variable there. (inspect with <f:debug>{_all}</f:debug> )