<p><span>{color:#C00}Red</span> has two essential JavaScript-wrangling tricks you may want to use: <code>require</code> statements and backticks (<code>``</code>).</p>
<h2><code>require</code> Statements</h2>
<p><span>{color:#C00}Red</span> leverages <code>require</code> statements to keep all your application code in a single <code>.js</code> output file. <code>require</code> statements work by compiling the required library and inserting it at the point of requirement.</p>
<p>Given the two files <code>test_class.red</code> and <code>application.red</code>:</p>
<pre>
# test_class.red
1| class Test
2| def output(str)
3| puts str
4| end
5| end
# application.red
1| require 'test_class.red'
2| Test.new.output("It worked!")
</pre>
<p>Running <code>red application</code> on the command line will produce the file <code>application.js</code>. This file will contain the minimum amount of Ruby source JavaScript needed, the compiled JavaScript for <code>test_class.red</code>, and finally the JavaScript for <code>application.red</code>. In this way, <span>{color:#C00}Red</span> allows you to split the code you write into more easily managed files, and to use other <span>{color:#C00}Red</span> libraries in your own code, with the worry of adding and ordering multiple <code><script></code> tags in your <span class="caps">HTML</span>.</p>
<h2>Backticks (<code>``</code>)</h2>
<p>If you need to get at a native JavaScript property or have a favorite JavaScript trick you just can’t give up, <span>{color:#C00}Red</span> allows you to write JavaScript directly using backticks.</p>
<pre>
# example.red
1| def reverse_output(ary)
2| `var i = ary.length`
3| `while(i) { console.log(ary[--i]); }`
3| end
</pre>
2008-10-13T10:48:52-07:00
66733
two-tricks
38990
Two Tricks
2008-10-14T04:53:52-07:00
19153