JavaScript vs Typescript: What's the Difference?

Originally published at https://www.guru99.com/

JavaScript vs Typescript: What's the Difference?

In this tutorial, you will learn

What is JavaScript?
What is Typescript?
Why JavaScript?
Why Typescript?
History of Javascript
History of Typescript
Features of Javascript
Features of Typescript
Typescript vs. JavaScript
What is better?

What is JavaScript?

JavaScript is a scripting language which helps you create interactive web pages. It followed rules of client-side programming, so it runs in the user's web browser without the need of any resources forms the web server. You can also use Javascript with other technologies like REST APIs, XML, and more.

The idea behind developing this script is to make it a complementary scripting language like Visual Basic was to C++ in Microsoft's language families. However, JavaScript is not designed for large complex applications. It was developed for applications with a few hundred lines of code!

What is Typescript?

Typescript is a modern age Javascript development language. It is a statically compiled language to write clear and simple Javascript code. It can be run on Node js or any browser which supports ECMAScript 3 or newer versions.

Typescript provides optional static typing, classes, and interface. For a large JavaScript project adopting Typescript can bring you more robust software and easily deployable with a regular JavaScript application.

Why JavaScript?

Open source project with Microsoft's patronage
Specially designed tool for small scripts
Supports classes, interfaces & modules.
Compiled JavaScript runs in any browser
Allows cross-compilation
You can extend JavaScript for writing large apps
Adds support for classes, interfaces, and modules

Why Typescript?

TypeScript supports JS libraries & API Documentation
It is a superset of Javascript
It is optionally typed scripting language
TypeScript Code can be converted into plain JavaScript Code
Better code structuring and object-oriented programming techniques
Allows better development time tool support
It can extend the language beyond the standard decorators, async/await

History of Javascript

Netscape Communications Corporation programmer Brendan Eich created Javascript. It was meant to working Netscape navigator. However, after becoming a popular scripting tool, it is had become LiveScript. Later on, it was renamed as JavaScript to reflect Netscape's support of Java within its browser.

Let see an important landmark in the history of Javascript:

It was launched in September 1995, and It took just ten days to develop this e scripting language which was initially called Mocha
In November 1996, Netscape submitted JavaScript to ECMA (European Computer Manufacturers Association) International
ECMAScript 2 was released in 1998
ECMAScript 3 was released in 1999
In 2005, Eich and Mozilla join ECMA to develop E4X Java script
In January 2009, the CommonJS project was launched with the aim of defining a common standard library
In June 2011, ECMAScript 5.1 was released
In June 2015. ECMAScript 2016 was released
The current version is ECMAScript 2017 which was released in June 2017

History of Typescript

Let see important landmarks from the History of Typescript:

The typescript was first made public in the year 2012
After two years of internal development at Microsoft. TypeScript 0.9, released in 2013
Additional support for generics TypeScript 1.0 was released at Build 2014
In July 2014, a new TypeScript compiler came which is five times faster then it's previous version
In July 2015, support for ES6 modules, namespace keyword, for, of support, decorators
In November 2016, an added feature like key and lookup types mapped types, and rest
On March 27, 2018, conditional types, the improved key with intersection types supports added in the Typescript.

Features of Javascript

It's a cross-platform language
It's used for client side and server side
It's easy to learn and to start with
It's a dynamic language: flexible and powerful
You have 'the great freedom' to do whatever you want with any object
Strong Testing Workflow
Added Dependencies
Framework Unsupported

Features of Typescript

Maintainability
Offered great productivity for developers
Code navigation and bug prevention
Code 'discoverability' & refactoring
Optional Static Type Annotation / Static Typing
Additional Features for Functions
Supports ES6
Supports interfaces, sub-interfaces, classes, and subclasses
Scalable HTML5 client-side development
Rich IDE available with autocomplete and code navigation features.
Class-based object-oriented with the inheritance of private members and interfaces.