JavaCode7

Posted on Jun 8, 2021 • Edited on Jun 12, 2021

JavaScript v TypeScript

#javascript #typescript #watercooler #healthydebate

JavaScript. By far one of the most famous programming languages for its applications in scripting, gamedev and most notably web apps 🌐. Then its brother, TypeScript. Famous for being statically typed. It adds more features to JavaScript. Which one is better? 🤔 I guess today we find out.

Disclaimer

What follows is going to be my opinion inferred from fact. This may or may not be true. Please read this article accordingly.

JavaScript

JavaScript has many features, scripting, web apps and is even supported in some game engines. To sum it up nicely:

✔ Dynamically typed (beginners don't mix up typing)
❌ No optional parameters
❌ No interfaces
✔ Some game engine support
✔ Compiled not transpiled
❌ No TS file imports

TypeScript

TypeScript has similar syntax to JavaScript but with a few features added.

❌ Statically typed
✔ Optional parameters
✔ Interfaces
❌ Transpiled
✔ Both TS and JS imports
✔ Most JS frameworks support TS

Based on all of this, and my experience using both languages. I would say that TypeScript is better than JavaScript. You may disagree however. If you do, please comment 💬! I would love to hear your opinions!

Top comments (22)

Pranav Baburaj • Jun 8 '21

No public or private keywords
Hey, I think you have mistaken.
The private keyword is used to hide a method or a property in a class from. To do this in js, you can use

class Hello {
    _private_function(){}
}

peerreynders • Jun 8 '21 • Edited

Currently at stage-3: MDN: Private class fields

@babel/plugin-proposal-private-met...

Other JavaScript practices: Managing the private data of ES6 classes

TypeScript adoption: ECMAScript Private Fields

Mateusz Kwiatkowski • Jun 9 '21

Regarding new proposal: why to use # instead of private keyword for the private members? Or am I missing something here?

peerreynders • Jun 9 '21

FAQ:

This sort of declaration is what other languages use (notably Java), and implies that access would be done with this.x. Assuming that isn't the case (see below), in JavaScript this would silently create or access a public field, rather than throwing an error. This is a major potential source of bugs or invisibly making public fields which were intended to be private

JavaCode7 • Jun 8 '21

Ok...

Pranav Baburaj • Jun 8 '21

:slight_smile:

JavaCode7 • Jun 8 '21

I think you mean 😊

Justin Henry • Jun 8 '21

Typescript is used in Unity, Phaser, Excalibur. I'm sure there are more, but the listing of Typescript not having Game Engine Support is inaccurate.

JavaCode7 • Jun 8 '21 • Edited

Ok but I thought Unity removed UnityScript?

Justin Henry • Jun 9 '21

forum.unity.com/threads/does-unity...
It appears it is deprecated but not removed yet, but that does not mean we should use UnityScript until it's gone, so it's a fair point. Aside from Unity, most JS game engines come with either their own typings or have 3rd party typings available. Assuming you have a decent IDE and a project setup, you should be able to use Typescript with any JS game engine (Though without the support, like you mentioned).

Mohd Ahmad • Jun 8 '21

I like Typescript a lot.

JavaCode7 • Jun 8 '21

As do I. I like the static typing.

Mohd Ahmad • Jun 8 '21

and intelliscense, typescript provide in vscode

JavaCode7 • Jun 8 '21

It does. 😅

peerreynders • Jun 8 '21

I would say that TypeScript is better than JavaScript.

From TypeScript is not JavaScript:

Also TypeScript does not shield you from having to deeply understand JavaScript. A TypeScript expert must also be a JavaScript expert!

TypeScript is essentially a JavaScript superlinter that requires more information than ESLint.

One has to become competent in JavaScript one way or another - TypeScript or not. The official TypeScript documentation doesn't cover the JavaScript foundation that TypeScript is based on.

Some projects are using TypeScript to develop "typed JavaScript":

Rich Harris

@rich_harris

Moved some of my smaller libs to JSDoc TS; thoroughly recommend it. Among other things, the resulting code is generally smaller than transpiled code. Building, testing etc all become much less finicky. And .d.ts files are still generated from source code twitter.com/swyx/status/13…

13:34 PM - 16 Jan 2021

swyx @swyx
Interesting counter-trend - maintainers of large open source projects like @Sveltejs and @Deno_land are moving *AWAY* from writing their internals in TypeScript Just at the same time when the wider dev world is falling in love with TS. Reasons: build times and code complexity. https://t.co/a74GAoYhwp

JavaCode7 • Jun 8 '21

This is true but they are different enough that people can have a preference. Hence this article 😃.

Alex Lohr • Jun 8 '21

There are a few mistakes. With Babel, you can import TypeScript directly from within JavaScript, though it needs a bit of setup. In JavaScript, all parameters are optional by default, because their types are obviously not enforced. JavaScript is only JiT-compiled, otherwise an interpreted language.

Justin Henry • Jun 8 '21

With Deno coming along, there will be a time when typescript gets executed the same way javascript does, as Deno has first-class support for typescript, which would at some point eliminate the Transpiled negative depending on the use case.

JavaCode7 • Jun 8 '21 • Edited

I will remove it when the time comes then!

Jesse Bryant • Jun 8 '21

Short & sweet article.

My only comment is while JS doesn't have optional parameters "natively", it can still be treated that way. It won't complain that you didn't provide a value for a parameter, and you can structure you code to see if a parameter is given or undefined.

Does that sway your opinion of it being better than TS? - probably not. Just sayin 😏