O documento apresenta uma introdução aos principais recursos do TypeScript como: instalação, tipos, interfaces, classes, módulos e outros. É demonstrado como o TypeScript fornece autocomplete, verificação de tipos e erros de compilação.

1. Olhe teu Tipo,
Script

2. Superset

3. Instalação
npm install -g typescript

4. Tipos
var idade = 14;
idade = 'Novinha';

5. Tipos - Erro
tsc ex01
ex01.ts(2,1): error TS2323: Type
'string' is not assignable to type
'number'.

6. Tipos
var idade: number;
var list:number[] = [1, 2, 3];
var list:Array<number> = [1, 2, 3];

7. Tipos - Autocomplete
function oi() {
return "Oi";
}

9. Tipos - Parâmetros
function somar(a: number, b:
number) {
return a + b;
}

10. Tipos - Parâmetros compilado
function somar(a, b) {
return a + b;
}

11. Tipos - Função
function testaDeMaior(idade : number) : boolean {
if(idade >= 18)
return true;
return false;
}

12. ENUM
enum States {
New,
Active,
Disabled
}
console.log(States.Active);
// 1
console.log(States[States.Disabled]);
// Disabled

13. ENUM - Compilado
var States;
(function (States) {
States[States["New"] = 0] = "New";
States[States["Active"] = 1] = "Active";
States[States["Disabled"] = 2] = "Disabled";
})(States || (States = {}));
console.log(1 /* Active */);
// 1
console.log(States[2 /* Disabled */]);

14. Tipos - Interface
interface Beer {
name: string;
price: number;
alcohol: number;
description: string;
};

15. Interface
var Kaiser: Beer = { name: "foo"
, price: 3
, alcohol: 4
};

16. Interface Erro
interface.ts(8,5): error TS2322: Type '{ name: string;
price: number; alcohol: number; }' is not assignable to
type 'Beer':
Property 'description' is missing in type '{ name:
string; price: number; alcohol: number; }'.

17. Interface - Atributo Opcional
interface Beer {
name: string;
price: number;
alcohol: number;
description?: string;
};

18. Interface - Extends
interface Programador {
linguagem: string;
tempoProgramador: number;
}
interface Professor {
curso: string;
}
interface Suissa extends Programador, Professor {
sideLength: number;
}

19. Interface - Extends
var Jean = <Suissa>{};
Jean.linguagem = "Javascript";
Jean.tempoProgramador = 10;
Jean.curso = 'Be MEAN';

20. Arrow Function
var SabeOQueElaQuer = () => { return 'PAUUUUU' };
/* Compila para
var SabeOQueElaQuer = function () {
return 'PAUUUUU'
};
*/

21. Classes
class Professor {
fullname : string;
constructor(public firstname, public lastname) {
this.fullname = firstname + " " + lastname;
}
}
interface Person {
firstname: string;
lastname: string;
}
var user = new Professor("Jean", "Nascimento");

22. Classes - implements
interface StringValidator {
isAcceptable(s: string): boolean;
}
var letrasRegex = /^[A-Za-z]+$/;
var numerosRegex = /^[0-9]+$/;

23. Classes - implements
class ApenasLetras implements StringValidator {
isAcceptable(s: string) {
return letrasRegex.test(s);
}
}
class CEPValidator implements StringValidator {
isAcceptable(s: string) {
return s.length === 8 && numerosRegex.test(s);
}
}

24. Classes - implements
var strings = ['Suissa', '85010300', '101'];
var validadores: { [s: string]: StringValidator; } = {};
validadores['CEP'] = new CEPValidator();
validadores['Apenas letras'] = new ApenasLetras();
strings.forEach(s => {
for (var nome in validadores) {
console.log('"' + s + '" ' + (validadores[nome].isAcceptable(s) ? '
corresponde ' : ' não corresponde ') + nome);
}
});

25. Modules
module Namespace {
export class Classe {
quer = 'PAU'
}
}
var SabeOQueEla = new Namespace.Classe;
console.log(SabeOQueEla.quer);
// PAU