156 lines
6.9 KiB
HTML
156 lines
6.9 KiB
HTML
<div id="fadeout"></div>
|
|
|
|
<div id="flybar">
|
|
<a id="logo" href="#top"><%= include('documentation/images/logo.svg') %></a>
|
|
<div class="navigation toc">
|
|
<div class="button">
|
|
Table of Contents
|
|
</div>
|
|
<div class="contents menu">
|
|
<a href="#overview">Overview</a>
|
|
<a href="#installation">Installation</a>
|
|
<a href="#usage">Usage</a>
|
|
<a href="#literate">Literate CoffeeScript</a>
|
|
<a href="#language">Language Reference</a>
|
|
<a href="#literals">Literals: Functions, Objects and Arrays</a>
|
|
<a href="#lexical-scope">Lexical Scoping and Variable Safety</a>
|
|
<a href="#conditionals">If, Else, Unless, and Conditional Assignment</a>
|
|
<a href="#splats">Splats…</a>
|
|
<a href="#loops">Loops and Comprehensions</a>
|
|
<a href="#slices">Array Slicing and Splicing</a>
|
|
<a href="#expressions">Everything is an Expression</a>
|
|
<a href="#operators">Operators and Aliases</a>
|
|
<a href="#existential-operator">Existential Operator</a>
|
|
<a href="#classes">Classes, Inheritance, and Super</a>
|
|
<a href="#destructuring">Destructuring Assignment</a>
|
|
<a href="#fat-arrow">Bound and Generator Functions</a>
|
|
<a href="#embedded">Embedded JavaScript</a>
|
|
<a href="#switch">Switch and Try/Catch</a>
|
|
<a href="#comparisons">Chained Comparisons</a>
|
|
<a href="#strings">String Interpolation, Block Strings, and Block Comments</a>
|
|
<a href="#tagged-template-literals">Tagged Template Literals</a>
|
|
<a href="#regexes">Block Regular Expressions</a>
|
|
<a href="#modules">Modules</a>
|
|
<a href="#cake">Cake, and Cakefiles</a>
|
|
<a href="#source-maps">Source Maps</a>
|
|
<a href="#scripts">"text/coffeescript" Script Tags</a>
|
|
<a href="#resources">Books, Screencasts, Examples and Resources</a>
|
|
<a href="#changelog">Change Log</a>
|
|
</div>
|
|
</div>
|
|
<div class="navigation try">
|
|
<div class="button">
|
|
Try CoffeeScript
|
|
<div class="repl_bridge"></div>
|
|
</div>
|
|
<div class="contents repl_wrapper">
|
|
<div class="code">
|
|
<div class="screenshadow tl"></div>
|
|
<div class="screenshadow tr"></div>
|
|
<div class="screenshadow bl"></div>
|
|
<div class="screenshadow br"></div>
|
|
<div id="repl_source_wrap">
|
|
<textarea id="repl_source" rows="100" spellcheck="false">alert "Hello CoffeeScript!"</textarea>
|
|
</div>
|
|
<div id="repl_results_wrap"><pre id="repl_results"></pre></div>
|
|
<div class="minibutton dark run" title="Ctrl-Enter">Run</div>
|
|
<a class="minibutton permalink" id="repl_permalink">Link</a>
|
|
<br class="clear" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="navigation annotated">
|
|
<div class="button">
|
|
Annotated Source
|
|
</div>
|
|
<div class="contents menu">
|
|
<a href="v<%= majorVersion %>/annotated-source/grammar.html">Grammar Rules — src/grammar</a>
|
|
<a href="v<%= majorVersion %>/annotated-source/lexer.html">Lexing Tokens — src/lexer</a>
|
|
<a href="v<%= majorVersion %>/annotated-source/rewriter.html">The Rewriter — src/rewriter</a>
|
|
<a href="v<%= majorVersion %>/annotated-source/nodes.html">The Syntax Tree — src/nodes</a>
|
|
<a href="v<%= majorVersion %>/annotated-source/scope.html">Lexical Scope — src/scope</a>
|
|
<a href="v<%= majorVersion %>/annotated-source/helpers.html">Helpers & Utility Functions — src/helpers</a>
|
|
<a href="v<%= majorVersion %>/annotated-source/coffee-script.html">The CoffeeScript Module — src/coffee-script</a>
|
|
<a href="v<%= majorVersion %>/annotated-source/cake.html">Cake & Cakefiles — src/cake</a>
|
|
<a href="v<%= majorVersion %>/annotated-source/command.html">“coffee” Command-Line Utility — src/command</a>
|
|
<a href="v<%= majorVersion %>/annotated-source/optparse.html">Option Parsing — src/optparse</a>
|
|
<a href="v<%= majorVersion %>/annotated-source/repl.html">Interactive REPL — src/repl</a>
|
|
<a href="v<%= majorVersion %>/annotated-source/sourcemap.html">Source Maps — src/sourcemap</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="top" class="container">
|
|
<span class="bookmark" id="overview"></span>
|
|
<%= htmlFor('introduction') %>
|
|
<%= htmlFor('overview') %>
|
|
<span class="bookmark" id="installation"></span>
|
|
<%= htmlFor('installation') %>
|
|
<span class="bookmark" id="usage"></span>
|
|
<%= htmlFor('usage') %>
|
|
<span class="bookmark" id="literate"></span>
|
|
<%= htmlFor('literate') %>
|
|
<span class="bookmark" id="language"></span>
|
|
<%= htmlFor('language') %>
|
|
<span class="bookmark" id="literals"></span>
|
|
<%= htmlFor('functions') %>
|
|
<span class="bookmark" id="objects-and-arrays"></span>
|
|
<%= htmlFor('objects_and_arrays') %>
|
|
<span class="bookmark" id="lexical-scope"></span>
|
|
<%= htmlFor('lexical_scope') %>
|
|
<span class="bookmark" id="conditionals"></span>
|
|
<%= htmlFor('conditionals') %>
|
|
<span class="bookmark" id="splats"></span>
|
|
<%= htmlFor('splats') %>
|
|
<span class="bookmark" id="loops"></span>
|
|
<%= htmlFor('loops') %>
|
|
<span class="bookmark" id="slices"></span>
|
|
<%= htmlFor('slices') %>
|
|
<span class="bookmark" id="expressions"></span>
|
|
<%= htmlFor('expressions') %>
|
|
<span class="bookmark" id="operators"></span>
|
|
<%= htmlFor('operators') %>
|
|
<span class="bookmark" id="existential-operator"></span>
|
|
<%= htmlFor('existential_operator') %>
|
|
<span class="bookmark" id="classes"></span>
|
|
<%= htmlFor('classes') %>
|
|
<span class="bookmark" id="destructuring"></span>
|
|
<%= htmlFor('destructuring') %>
|
|
<span class="bookmark" id="fat-arrow"></span>
|
|
<%= htmlFor('fat_arrow') %>
|
|
<span class="bookmark" id="embedded"></span>
|
|
<%= htmlFor('embedded') %>
|
|
<span class="bookmark" id="switch"></span>
|
|
<%= htmlFor('switch') %>
|
|
<span class="bookmark" id="try"></span>
|
|
<%= htmlFor('try') %>
|
|
<span class="bookmark" id="comparisons"></span>
|
|
<%= htmlFor('comparisons') %>
|
|
<span class="bookmark" id="strings"></span>
|
|
<%= htmlFor('strings') %>
|
|
<span class="bookmark" id="tagged-template-literals"></span>
|
|
<%= htmlFor('tagged_template_literals') %>
|
|
<span class="bookmark" id="regexes"></span>
|
|
<%= htmlFor('heregexes') %>
|
|
<span class="bookmark" id="modules"></span>
|
|
<%= htmlFor('modules') %>
|
|
<span class="bookmark" id="cake"></span>
|
|
<%= htmlFor('cake') %>
|
|
<span class="bookmark" id="source-maps"></span>
|
|
<%= htmlFor('source_maps') %>
|
|
<span class="bookmark" id="scripts"></span>
|
|
<%= htmlFor('scripts') %>
|
|
<span class="bookmark" id="resources"></span>
|
|
<%= htmlFor('books') %>
|
|
<span class="bookmark" id="screencasts"></span>
|
|
<%= htmlFor('screencasts') %>
|
|
<span class="bookmark" id="examples"></span>
|
|
<%= htmlFor('examples') %>
|
|
<span class="bookmark" id="additional-resources"></span>
|
|
<%= htmlFor('resources') %>
|
|
<span class="bookmark" id="chat"></span>
|
|
<%= htmlFor('chat') %>
|
|
<span class="bookmark" id="changelog"></span>
|
|
<%= htmlFor('changelog') %>
|
|
</div>
|