TypeScript, Now.
Download as PPTX, PDF3 likes733 views
This document provides an overview of TypeScript, a superset of JavaScript that adds static typing features. It covers basic types, type inference, and functionality such as generics and lambda expressions. Additionally, it includes resources for further development with TypeScript and its integration with frameworks like AngularJS.
![Basic types
boolean // var b = true, c = false;
number // var n = 100, m = 10.0;
string // var s = 'Hello';
array // var a1: number[] = [ 1, 3, 5 ];
array // var a2: Array<number> = [ ];
enum // var c = Color.red;
any // var x;
void // foo(): void { }](https://image.slidesharecdn.com/typescriptnow-150627140610-lva1-app6892/85/TypeScript-Now-16-320.jpg)
![enum
*Typo: please change size[a] to size[s]](https://image.slidesharecdn.com/typescriptnow-150627140610-lva1-app6892/85/TypeScript-Now-17-320.jpg)
TypeScript, Now.
- 1. TypeScript,Now. Suthep Sangvirotjanaphat GreatFriends.Biz Founder | Microsoft MVP http:||Next.GreatFriends.Biz facebook.com|suthep Code Mania 10
- 4. TypeScript TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
- 6. So, we'll try the same code in the playground
- 14. Type annotation var x : number; x = true; // error x = 100; // ok function print(s : string) : void { console.log(s); } print(x); // error print(x.toString()); // ok
- 15. Type inference var x = 10; // infer x as a number var x : number = 10; // infer this function return type as string function Foo(n: number) { return n.toFixed(2); } function Foo(n: number) : string { … }
- 16. Basic types boolean // var b = true, c = false; number // var n = 100, m = 10.0; string // var s = 'Hello'; array // var a1: number[] = [ 1, 3, 5 ]; array // var a2: Array<number> = [ ]; enum // var c = Color.red; any // var x; void // foo(): void { }
- 17. enum *Typo: please change size[a] to size[s]
- 18. Interface and duck typing
- 19. Class
- 20. Constructor & Private Members
- 21. Parameter Properties & Accessors Note that accessor (get & set) requires ES5 output
- 22. Class Inheritance and the "super" calls
- 23. Module
- 24. Arrow functions
- 25. Arrow functions
- 26. Using TypeScript with AngularJS