Introduction to TypeScript
TypeScript can be an object-oriented programming language created and maintained by Microsoft Corporation. This is the superset of JavaScript and possesses all of its components and also knows that it can be modern JavaScript with classes, optional types, interfaces even more.
It is a strongly typed language. The web browser cannot run TypeScript.
TypeScript Compiler compiles the code and gets into JavaScript code which is run on the web browser.
Installation Process
1. First, Install Node js on your machine since NPM (Node Package Manager) is supported.
2. Go to the nodejs.org site and download it.
3. Install the Node js, then open the command prompt or terminal and check the version of a node using type node – v and hit the enter
4. You can now set up Typescript by NPM. Once again, through your command prompt or terminal, type the next command to set up Typescript:
4.5 (7,744 ratings)
View Course
5. This command can install Typescript globally, allowing you to utilize it in every project. Following the set up finished, you may check the version by tsc -v
6. You can now use Typescript. Generate a new file out of your code editor, and also an extension of this file should be .ts
7. Web browsers do not understand the Typescript program; therefore, the TypeScript Compiler compiles the code and converts it into JavaScript.
8. This command instantly makes a JavaScript file and converts the Typescript program into a .js extension.
For example, it is created the file myProgram.ts into a myProgram.js JavaScript file.
Strong Typing
It supports ES (ECMAScript) 6 or ES 2015 JavaScript Version, but ES 2015 are not supported in all Browser since TypeScript converted into the ES5 version. However, ES5 supports and run in all browsers.
Let’s proceed while using key features of Typescript. Differ from JS; we are able to specify the types of each of our variables since the number, string, boolean, array, tuples, enums, any, and much more.
Beneath, you can observe a few examples of strong typing:
Object-Oriented Feature of TypeScript
It can be a simple object-oriented programming language offering solid features of this, including classes, interfaces, modules, inheritance, and so on.
For example, we can define a class:
We now have created a Human class, and also we could generate instances with the new keyword.
Once assigning the Human( ) object, we do not have to express their type again. It can be carried out instantly by Typescript.
In Object-Oriented Programming, we have an essential method known as a constructor( ). Every single class offers a default constructor method essentially, as well as being known as if we create an instance of this class:
In Object-Oriented Programming, access modifiers are utilized for limiting or permitting to access the variables of a class from external. You will find 3 different kinds of access modifiers:
Public – Allows access from beyond a class.
Private – Doesn’t enable access from beyond a class.
Protected – Allows access only in a class as well as derived classes.
Advantages
- It can be a simple Object-Oriented programming language; it is simple to write a program in TypeScript with little understanding.
- This can be utilized for both client-side and also server-side development.
- The compiler may convert to JavaScript-equivalent program that runs on all web browsers.
- It has superb tooling support with the IntelliSense, i.e., TypeScript program compilation as well as IntelliSense. Like a code can be added, IntelliSense gives effective hints.
- The program in TypeScript is much more readable. The programmer can also add or perhaps replace the program quicker since it assists them to keep in mind what every bit of code is described as.
- The program is easy as well as clean in TypeScript. Like the developers write the program that Static typing in TypeScript finds bugs that allow them to create a more robust program and keep it.
Why Should We Use TypeScript?
- Code refactoring in a dynamic language is additionally difficult developing harder to keep the good program; it can assist in program refactoring with the suitable software.
- Program quality can be carried out with the static analysis software that mainly uses static type programs. If so, TypeScript is great.
- Web browsers have no great execution of all of the features. You need to support older web browsers. It facilitates the characteristics and may compile down to older emit.
How will this Technology Help you in Career Growth?
- It may be the language utilized in Angular2 to Angular7. In contrast to JavaScript, it can be described as a quite simple language that could a great deal prefer C#. Seems organic in comparison to JavaScript.
- In contrast to React.JS Angular, it is mostly a total MVC platform, which can be important for any kind of decent size web application.
- This can be increasingly more famous in the Front end environment. Currently, many of these people want to work with or perhaps learn TypeScript within their future projects.
Those two factors are excellent, and they will help you to forecast a great future for the upcoming Five years.
Conclusion
- It improves your speed when you are performing refactoring. It is greater for the compiler to help you catch errors rather than possess points that are unsuccessful at runtime.
- It will be among the best types of documentation you could have. The function signature is a theorem, as well as the function body.
It provides numerous rewards to your efficiency and then programmer knowledge. We have noticed that adding it with the current JavaScript project is simple as well as provides minimal overhead. It is absolutely not just different from Angular; additional effective frontend frameworks, including React and Vue, start to get combined with TypeScript to permit programmer groups to produce applications that can be dependable, eco-friendly and scalable. JavaScript and TypeScript are continuously growing, although not competing against one another. It is made to enhance as well as improve JavaScript – certainly not replace it. The near future could see all of them getting much the same in include good results. TypeScript staying the statically typed substitute.
Recommended Articles
This has been a guide to What is TypeScript?. Here we have discussed the Use, Career Growth, Features and Installation Process of TypeScript. You can also go through our other suggested articles to learn more –
