1 <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
6 <title>Kaleidoscope: Tutorial Introduction and the Lexer
</title>
7 <meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8">
8 <meta name=
"author" content=
"Chris Lattner">
9 <link rel=
"stylesheet" href=
"../llvm.css" type=
"text/css">
14 <div class=
"doc_title">Kaleidoscope: Tutorial Introduction and the Lexer
</div>
17 <li><a href=
"index.html">Up to Tutorial Index
</a></li>
20 <li><a href=
"#intro">Tutorial Introduction
</a></li>
21 <li><a href=
"#language">The Basic Language
</a></li>
22 <li><a href=
"#lexer">The Lexer
</a></li>
25 <li><a href=
"LangImpl2.html">Chapter
2</a>: Implementing a Parser and AST
</li>
28 <div class=
"doc_author">
29 <p>Written by
<a href=
"mailto:sabre@nondot.org">Chris Lattner
</a></p>
32 <!-- *********************************************************************** -->
33 <div class=
"doc_section"><a name=
"intro">Tutorial Introduction
</a></div>
34 <!-- *********************************************************************** -->
36 <div class=
"doc_text">
38 <p>Welcome to the
"Implementing a language with LLVM" tutorial. This tutorial
39 runs through the implementation of a simple language, showing how fun and
40 easy it can be. This tutorial will get you up and started as well as help to
41 build a framework you can extend to other languages. The code in this tutorial
42 can also be used as a playground to hack on other LLVM specific things.
46 The goal of this tutorial is to progressively unveil our language, describing
47 how it is built up over time. This will let us cover a fairly broad range of
48 language design and LLVM-specific usage issues, showing and explaining the code
49 for it all along the way, without overwhelming you with tons of details up
52 <p>It is useful to point out ahead of time that this tutorial is really about
53 teaching compiler techniques and LLVM specifically,
<em>not
</em> about teaching
54 modern and sane software engineering principles. In practice, this means that
55 we'll take a number of shortcuts to simplify the exposition. For example, the
56 code leaks memory, uses global variables all over the place, doesn't use nice
57 design patterns like
<a
58 href=
"http://en.wikipedia.org/wiki/Visitor_pattern">visitors
</a>, etc... but it
59 is very simple. If you dig in and use the code as a basis for future projects,
60 fixing these deficiencies shouldn't be hard.
</p>
62 <p>I've tried to put this tutorial together in a way that makes chapters easy to
63 skip over if you are already familiar with or are uninterested in the various
64 pieces. The structure of the tutorial is:
68 <li><b><a href=
"#language">Chapter #
1</a>: Introduction to the Kaleidoscope
69 language, and the definition of its Lexer
</b> - This shows where we are going
70 and the basic functionality that we want it to do. In order to make this
71 tutorial maximally understandable and hackable, we choose to implement
72 everything in C++ instead of using lexer and parser generators. LLVM obviously
73 works just fine with such tools, feel free to use one if you prefer.
</li>
74 <li><b><a href=
"LangImpl2.html">Chapter #
2</a>: Implementing a Parser and
75 AST
</b> - With the lexer in place, we can talk about parsing techniques and
76 basic AST construction. This tutorial describes recursive descent parsing and
77 operator precedence parsing. Nothing in Chapters
1 or
2 is LLVM-specific,
78 the code doesn't even link in LLVM at this point. :)
</li>
79 <li><b><a href=
"LangImpl3.html">Chapter #
3</a>: Code generation to LLVM IR
</b> -
80 With the AST ready, we can show off how easy generation of LLVM IR really
82 <li><b><a href=
"LangImpl4.html">Chapter #
4</a>: Adding JIT and Optimizer
83 Support
</b> - Because a lot of people are interested in using LLVM as a JIT,
84 we'll dive right into it and show you the
3 lines it takes to add JIT support.
85 LLVM is also useful in many other ways, but this is one simple and
"sexy" way
86 to shows off its power. :)
</li>
87 <li><b><a href=
"LangImpl5.html">Chapter #
5</a>: Extending the Language: Control
88 Flow
</b> - With the language up and running, we show how to extend it with
89 control flow operations (if/then/else and a 'for' loop). This gives us a chance
90 to talk about simple SSA construction and control flow.
</li>
91 <li><b><a href=
"LangImpl6.html">Chapter #
6</a>: Extending the Language:
92 User-defined Operators
</b> - This is a silly but fun chapter that talks about
93 extending the language to let the user program define their own arbitrary
94 unary and binary operators (with assignable precedence!). This lets us build a
95 significant piece of the
"language" as library routines.
</li>
96 <li><b><a href=
"LangImpl7.html">Chapter #
7</a>: Extending the Language: Mutable
97 Variables
</b> - This chapter talks about adding user-defined local variables
98 along with an assignment operator. The interesting part about this is how
99 easy and trivial it is to construct SSA form in LLVM: no, LLVM does
<em>not
</em>
100 require your front-end to construct SSA form!
</li>
101 <li><b><a href=
"LangImpl8.html">Chapter #
8</a>: Conclusion and other useful LLVM
102 tidbits
</b> - This chapter wraps up the series by talking about potential
103 ways to extend the language, but also includes a bunch of pointers to info about
104 "special topics" like adding garbage collection support, exceptions, debugging,
105 support for
"spaghetti stacks", and a bunch of other tips and tricks.
</li>
109 <p>By the end of the tutorial, we'll have written a bit less than
700 lines of
110 non-comment, non-blank, lines of code. With this small amount of code, we'll
111 have built up a very reasonable compiler for a non-trivial language including
112 a hand-written lexer, parser, AST, as well as code generation support with a JIT
113 compiler. While other systems may have interesting
"hello world" tutorials,
114 I think the breadth of this tutorial is a great testament to the strengths of
115 LLVM and why you should consider it if you're interested in language or compiler
118 <p>A note about this tutorial: we expect you to extend the language and play
119 with it on your own. Take the code and go crazy hacking away at it, compilers
120 don't need to be scary creatures - it can be a lot of fun to play with
125 <!-- *********************************************************************** -->
126 <div class=
"doc_section"><a name=
"language">The Basic Language
</a></div>
127 <!-- *********************************************************************** -->
129 <div class=
"doc_text">
131 <p>This tutorial will be illustrated with a toy language that we'll call
132 "<a href="http://en.wikipedia.org/wiki/Kaleidoscope
">Kaleidoscope</a>" (derived
133 from
"meaning beautiful, form, and view").
134 Kaleidoscope is a procedural language that allows you to define functions, use
135 conditionals, math, etc. Over the course of the tutorial, we'll extend
136 Kaleidoscope to support the if/then/else construct, a for loop, user defined
137 operators, JIT compilation with a simple command line interface, etc.
</p>
139 <p>Because we want to keep things simple, the only datatype in Kaleidoscope is a
140 64-bit floating point type (aka 'double' in C parlance). As such, all values
141 are implicitly double precision and the language doesn't require type
142 declarations. This gives the language a very nice and simple syntax. For
143 example, the following simple example computes
<a
144 href=
"http://en.wikipedia.org/wiki/Fibonacci_number">Fibonacci numbers:
</a></p>
146 <div class=
"doc_code">
148 # Compute the x'th fibonacci number.
155 # This expression will compute the
40th number.
160 <p>We also allow Kaleidoscope to call into standard library functions (the LLVM
161 JIT makes this completely trivial). This means that you can use the 'extern'
162 keyword to define a function before you use it (this is also useful for mutually
163 recursive functions). For example:
</p>
165 <div class=
"doc_code">
169 extern atan2(arg1 arg2);
171 atan2(sin(
.4), cos(
42))
175 <p>A more interesting example is included in Chapter
6 where we write a little
176 Kaleidoscope application that
<a href=
"LangImpl6.html#example">displays
177 a Mandelbrot Set
</a> at various levels of magnification.
</p>
179 <p>Lets dive into the implementation of this language!
</p>
183 <!-- *********************************************************************** -->
184 <div class=
"doc_section"><a name=
"lexer">The Lexer
</a></div>
185 <!-- *********************************************************************** -->
187 <div class=
"doc_text">
189 <p>When it comes to implementing a language, the first thing needed is
190 the ability to process a text file and recognize what it says. The traditional
191 way to do this is to use a
"<a
192 href="http://en.wikipedia.org/wiki/Lexical_analysis
">lexer</a>" (aka 'scanner')
193 to break the input up into
"tokens". Each token returned by the lexer includes
194 a token code and potentially some metadata (e.g. the numeric value of a number).
195 First, we define the possibilities:
198 <div class=
"doc_code">
200 // The lexer returns tokens [
0-
255] if it is an unknown character, otherwise one
201 // of these for known things.
206 tok_def = -
2, tok_extern = -
3,
209 tok_identifier = -
4, tok_number = -
5,
212 static std::string IdentifierStr; // Filled in if tok_identifier
213 static double NumVal; // Filled in if tok_number
217 <p>Each token returned by our lexer will either be one of the Token enum values
218 or it will be an 'unknown' character like '+', which is returned as its ASCII
219 value. If the current token is an identifier, the
<tt>IdentifierStr
</tt>
220 global variable holds the name of the identifier. If the current token is a
221 numeric literal (like
1.0),
<tt>NumVal
</tt> holds its value. Note that we use
222 global variables for simplicity, this is not the best choice for a real language
226 <p>The actual implementation of the lexer is a single function named
227 <tt>gettok
</tt>. The
<tt>gettok
</tt> function is called to return the next token
228 from standard input. Its definition starts as:
</p>
230 <div class=
"doc_code">
232 /// gettok - Return the next token from standard input.
233 static int gettok() {
234 static int LastChar = ' ';
236 // Skip any whitespace.
237 while (isspace(LastChar))
238 LastChar = getchar();
243 <tt>gettok
</tt> works by calling the C
<tt>getchar()
</tt> function to read
244 characters one at a time from standard input. It eats them as it recognizes
245 them and stores the last character read, but not processed, in LastChar. The
246 first thing that it has to do is ignore whitespace between tokens. This is
247 accomplished with the loop above.
</p>
249 <p>The next thing
<tt>gettok
</tt> needs to do is recognize identifiers and
250 specific keywords like
"def". Kaleidoscope does this with this simple loop:
</p>
252 <div class=
"doc_code">
254 if (isalpha(LastChar)) { // identifier: [a-zA-Z][a-zA-Z0-
9]*
255 IdentifierStr = LastChar;
256 while (isalnum((LastChar = getchar())))
257 IdentifierStr += LastChar;
259 if (IdentifierStr ==
"def") return tok_def;
260 if (IdentifierStr ==
"extern") return tok_extern;
261 return tok_identifier;
266 <p>Note that this code sets the '
<tt>IdentifierStr
</tt>' global whenever it
267 lexes an identifier. Also, since language keywords are matched by the same
268 loop, we handle them here inline. Numeric values are similar:
</p>
270 <div class=
"doc_code">
272 if (isdigit(LastChar) || LastChar == '.') { // Number: [
0-
9.]+
276 LastChar = getchar();
277 } while (isdigit(LastChar) || LastChar == '.');
279 NumVal = strtod(NumStr.c_str(),
0);
285 <p>This is all pretty straight-forward code for processing input. When reading
286 a numeric value from input, we use the C
<tt>strtod
</tt> function to convert it
287 to a numeric value that we store in
<tt>NumVal
</tt>. Note that this isn't doing
288 sufficient error checking: it will incorrectly read
"1.23.45.67" and handle it as
289 if you typed in
"1.23". Feel free to extend it :). Next we handle comments:
292 <div class=
"doc_code">
294 if (LastChar == '#') {
295 // Comment until end of line.
296 do LastChar = getchar();
297 while (LastChar != EOF
&& LastChar != '\n'
&& LastChar != '\r');
305 <p>We handle comments by skipping to the end of the line and then return the
306 next token. Finally, if the input doesn't match one of the above cases, it is
307 either an operator character like '+' or the end of the file. These are handled
310 <div class=
"doc_code">
312 // Check for end of file. Don't eat the EOF.
316 // Otherwise, just return the character as its ascii value.
317 int ThisChar = LastChar;
318 LastChar = getchar();
324 <p>With this, we have the complete lexer for the basic Kaleidoscope language
325 (the
<a href=
"LangImpl2.html#code">full code listing
</a> for the Lexer is
326 available in the
<a href=
"LangImpl2.html">next chapter
</a> of the tutorial).
327 Next we'll
<a href=
"LangImpl2.html">build a simple parser that uses this to
328 build an Abstract Syntax Tree
</a>. When we have that, we'll include a driver
329 so that you can use the lexer and parser together.
332 <a href=
"LangImpl2.html">Next: Implementing a Parser and AST
</a>
335 <!-- *********************************************************************** -->
338 <a href=
"http://jigsaw.w3.org/css-validator/check/referer"><img
339 src=
"http://jigsaw.w3.org/css-validator/images/vcss" alt=
"Valid CSS!"></a>
340 <a href=
"http://validator.w3.org/check/referer"><img
341 src=
"http://www.w3.org/Icons/valid-html401" alt=
"Valid HTML 4.01!"></a>
343 <a href=
"mailto:sabre@nondot.org">Chris Lattner
</a><br>
344 <a href=
"http://llvm.org">The LLVM Compiler Infrastructure
</a><br>
345 Last modified: $Date$