Typescript Deep Dive by Basarat Ali Syed

More documents

Recommendations

Info

TypeScript Deep Dive debugger;/*hello*/ //bye /*hi*/ function for function the token start is at function whereas full start is at /*hello*/ . Note that full start even includes the trivia that would otherwise be owned by the previous node. Trivia 78
TypeScript Deep Dive Scanner The sourcecode for the TypeScript scanner is located entirely in scanner.ts . Scanner is controlled internally by the Parser to convert the source code to an AST. Here is what the desired outcome is. SourceCode ~~ scanner ~~> Token Stream ~~ parser ~~> AST Usage by Parser There is a singleton scanner created in parser.ts to avoid the cost of creating scanners over and over again. This scanner is then primed by the parser on demand using the initializeState function. Here is a simplied version of the actual code in the parser that you can run demonstrating this concept: code/compiler/scanner/runScanner.ts import * as ts from "ntypescript"; // TypeScript has a singelton scanner const scanner = ts.createScanner(ts.ScriptTarget.Latest, /*skipTrivia*/ true); // That is initialized using a function `initializeState` similar to function initializeState(text: string) { scanner.setText(text); scanner.setOnError((message: ts.DiagnosticMessage, length: number) => { console.error(message); }); scanner.setScriptTarget(ts.ScriptTarget.ES5); scanner.setLanguageVariant(ts.LanguageVariant.Standard); } // Sample usage initializeState(` var foo = 123; `.trim()); // Start the scanning var token = scanner.scan(); while (token != ts.SyntaxKind.EndOfFileToken) { console.log(ts.syntaxKindToName(token)); token = scanner.scan(); } This will print out the following : VarKeyword Identifier FirstAssignment FirstLiteralToken SemicolonToken Scanner State After you call scan the scanner updates its local state (position in the scan, current token details etc). The scanner provides a bunch of utility functions to get the current scanner state. In the below sample we create a scanner and then use it to identify the tokens as well as their positions in the code. code/compiler/scanner/runScannerWithPosition.ts Scanner 79
Page 2 and 3:
TypeScript Deep Dive Table of Conte
Page 4 and 5:
TypeScript Deep Dive TypeScript Dee
Page 6 and 7:
TypeScript Deep Dive Instead of usi
Page 8 and 9:
TypeScript Deep Dive might be futur
Page 10 and 11:
TypeScript Deep Dive var inc = (x)=
Page 12 and 13:
TypeScript Deep Dive Classes The re
Page 14 and 15:
TypeScript Deep Dive abstract can b
Page 16 and 17:
TypeScript Deep Dive People rarely
Page 18 and 19:
TypeScript Deep Dive super Note tha
Page 20 and 21:
TypeScript Deep Dive Arrow Function
Page 22 and 23:
TypeScript Deep Dive Rest Parameter
Page 24 and 25:
TypeScript Deep Dive if (true) { le
Page 26 and 27:
TypeScript Deep Dive Destructuring
Page 28 and 29: TypeScript Deep Dive for...of A com
Page 30 and 31: TypeScript Deep Dive Template Strin
Page 32 and 33: TypeScript Deep Dive Spread Operato
Page 34 and 35: TypeScript Deep Dive enum Tristate
Page 36 and 37: TypeScript Deep Dive enum AnimalFla
Page 38 and 39: TypeScript Deep Dive Compilation Co
Page 40 and 41: TypeScript Deep Dive Declaration Sp
Page 42 and 43: TypeScript Deep Dive Modules Global
Page 44 and 45: TypeScript Deep Dive The following
Page 46 and 47: TypeScript Deep Dive globals.d.ts W
Page 48 and 49: TypeScript Deep Dive For most proje
Page 50 and 51: TypeScript Deep Dive boolArray = [t
Page 52 and 53: TypeScript Deep Dive function rever
Page 54 and 55: TypeScript Deep Dive Now that you c
Page 56 and 57: TypeScript Deep Dive might want to
Page 58 and 59: TypeScript Deep Dive Declaration fi
Page 60 and 61: TypeScript Deep Dive Interfaces Int
Page 62 and 63: TypeScript Deep Dive You can see th
Page 64 and 65: TypeScript Deep Dive as well as dem
Page 66 and 67: TypeScript Deep Dive Freshness (Not
Page 68 and 69: TypeScript Deep Dive TypeScript wit
Page 70 and 71: TypeScript Deep Dive Components are
Page 72 and 73: TypeScript Deep Dive AST + Symbols
Page 74 and 75: TypeScript Deep Dive Node The basic
Page 76 and 77: TypeScript Deep Dive AST Tip: Synta
Page 80 and 81: TypeScript Deep Dive // Sample usag
Page 82 and 83: TypeScript Deep Dive --------------
Page 84 and 85: TypeScript Deep Dive Binder Most Ja
Page 86 and 87: TypeScript Deep Dive Symbols and De
Page 88 and 89: TypeScript Deep Dive // All contain
Page 90 and 91: TypeScript Deep Dive ? symbolTable[
Page 92 and 93: TypeScript Deep Dive Checker Like w
Page 94 and 95: TypeScript Deep Dive Checker error
Page 96 and 97: TypeScript Deep Dive emitFiles Defi
Page 98 and 99: TypeScript Deep Dive case SyntaxKin
Page 100 and 101: TypeScript Deep Dive } } return emi
Page 102 and 103: TypeScript Deep Dive writeEmittedFi
Page 104 and 105: TypeScript Deep Dive Compiler Tests
show all

Typescript Deep Dive by Basarat Ali Syed

Create successful ePaper yourself

Delete template?

Save as template?