The most important thing that you should know about TypeScript is that it's not a completely new language. It's a superset of ES6. This means an ES6 code can be converted to TypeScript just by changing the file extension from .js
to .ts
.
For example, the following code is a valid ES6 or TypeScript:
class User { constructor(id){ this.id = id; } getUserInfo(){ return this.userInfo; } }
On the other hand, the TypeScript compiler can target various versions of JavaScript, including ES6. The compiler will peel all the extra code and output clean and readable JavaScript code that is almost identical to the source.
This is a simple TypeScript class:
class Product { private id: number; private color: string; constructor(id:number, color:string) { this.id = id; this.color = color; } }
Targeting ES6 will output this code:
class Product { constructor(id, color) { this.id = id; this.color = color; } }