Typescript – Interfaces

In simple terms, Interfaces provide code contracts which all classes that implement the interface have to follow.

Following is a simple example for a typescript interface and a class implementing the interface.

The above code sample creates an interface named IAnimal which has a property and a function which all animals have. The class Dog implements from this Interface and has to provide definition for the property and the function.

feel free to play withe the code sample here .

Typescript – Classes – Constructors

Classes and constructors are the bread and butter for any object oriented programming language. Following is the code sample on how to create classes and constructors in typescript. Class keyword is used to create a class.

Following creates a new object of type Rectangle.

Typescript – Constructors

The above code can be also done using a constructor, following is how you would create a typescript constructor. the keyword to use here is constructor .

Feel free to play around with typescript using the playground .

TypeScript Compile target in visual studio

Hi,

Typescript can be compiled to either EcmaScript 3 or EcmaScript 5 version of javascript. Some of the older browsers still use EcmaScript 3 , so chances are you may need to change the compile target to ES3 from ES5 (default). Followings is the way you change the TypeScript Compile target to EcmaScript 3 in visual studio 2013.

  • Right Click on the project and click on properties.

ts1

  • Click on TypeScript Build on the properties page.

ts2

  • Change the TypeScript version.

ts3