JavaScriptとTypeScriptの違い【第5回】

JavaScriptで消耗した人が「TypeScript」を使いたくなる6つの理由

Webアプリケーション開発に広く使われている「JavaScript」。その不足点を補うことを目指して生まれた「TypeScript」は、機能面においてどのようなメリットを持つのか。

公開 2023年09月17日 10時00分

更新 2023年09月20日 15時10分

著者

Cameron McKenzie

[TechTarget]

印刷する連載新着通知を受け取る

　Microsoftが開発を主導するオープンソースのプログラミング言語「TypeScript」は、スクリプト（簡易プログラム）言語「JavaScript」のプログラムを安全かつ効率的に開発するための、さまざまな特徴を備える。JavaScriptとの比較を通じて、TypeScriptの特徴を整理しよう。

JavaScriptじゃなく「TypeScript」を選ぶべき6つの理由

併せて読みたいお薦め記事

連載：JavaScriptとTypeScriptの違い

JavaScriptを知る

1．「型システム」がある

　「型システム」により、TypeScriptのソースコードは、JavaScriptのソースコードよりも可読性と保守性に優れる。型システムは、変数に対して「型」（数値や文字列といったデータの種類）を指定する仕組みだ。

2．「インタフェースによる抽象化」ができる

　TypeScriptでは「インタフェース」による「抽象化」ができるが、JavaScriptではできない。インタフェースは、異なるオブジェクト（データと処理をまとめたもの）間の共通の構造を定義する仕組みだ。抽象化は、インタフェースの定義に沿ってクラス（オブジェクトの設計図）やオブジェクトを設計することを指す。TypeScriptは抽象化により、ソースコードを再利用しやすくしている。

3．「デコレータ」が使える

　既存のプロパティやメソッド、クラスといった要素に、独自の動作や機能を追加するための構文として「デコレータ」がある。各要素を定義するソースコードを変更することなく、動作や機能を追加できる。JavaScriptとは異なり、TypeScriptではデコレータが利用可能だ。

4．「名前空間」が使える

　JavaScriptでは使えず、TypeScriptで利用可能な要素に「名前空間」がある。名前空間は、オブジェクトや変数などの要素を関連性に基づいてグループ化し、整理するための仕組みだ。名前空間を分けることで、どのような機能を実装するのかといった目的や要素同士の関連性を判別しやすくなり、ソースコードの可読性やメンテナンス性向上につながる。