Brief Introduction To TypeScript

Introduction 

 

Typescript is a strongly-typed superset of JavaScript and it makes it more readable and maintainable. This is an open-source language created by Microsoft. A similar way of writing syntax similar  C# OOPs concept. Typescript can be used for cross-browser development.

 

What are the features?

• It is a strong type language and similar to the OOPs Concept
• It supports Access Modifiers and Properties
• It supports dataTypes
• It supports modules and classes
• It supports Static and Instant member
• It supports Function Overloading and Constructor
• It supports Inheritance
• It supports Modules 
• It supports template string
• It supports interfaces
• It supports generics
• Typescript Code is converted into Plain JavaScript Code

How to Install

 

We can install Typescript two ways

1. Using npm (Node.js Package Manager)
2. Install in Visual Studio

How to install using npm

 

First, we have to install the node.js. Download it from this location.

 

https://nodejs.org/en/download/

 

 

Now, we can check if it has installed or not with the below command.

 

node –v

 

 

It will display the version of the installed node.js.

 

Then use the below command in the command prompt to install the TypeScript.

 

npm install -g typescript

 

 

 

How to install in visual studio

 

We have to go to the following location.

 

https://www.microsoft.com/en-us/download/details.aspx?id=48593

 

After that, we will see a window.

 

 

And click the download button.

 

And start the installation after download.

 

 

After that click the run button.

 

 

After that click the install button -> Click Yes button.

 

 

After completing installation we can check in Visual Studio if it is installed or not.

 

First, open Visual Studio and go to the help option on the menu.

 

 

And also we can check the below.

 

 

Way of writing syntax

 

We can first see how we can write it in JavaScript.

var number1 = 5;
var number2 = 5;
var str = "Hello";
var something = 890;
var lst = [1, 2, 3, 4, 5];
function Add(number1, number2) {
 return number1 + number2;
}

We can see how we can write it in TypeScript.

var number1: number = 5;
var number2: number = 5;
var str: string = "Hello";
var something = 890;
var lst: Array < number >= [1, 2, 3, 4, 5]

function Add(number1: number, number2: number) {
 return number1 + number2;
}

 

 

Summary

 

TypeScript generates plain JavaScript code and we can use it with any browser. TypeScript features are similar to object-oriented programming languages such as classes, interfaces, inheritance, overloading, and modules. We can write and organize our JavaScript code making it more maintainable and extensible.