TypeScriptとは何か？初心者向けにやさしく解説

一言で言うと、 TypeScriptはJavaScriptに「型」を追加した言語 です。Microsoftが開発し、2012年に公開されました。

重要なのは「JavaScriptを置き換える言語ではない」という点です。TypeScriptで書いたコードは最終的にJavaScriptに変換（コンパイル）されて動きます。ブラウザもNode.jsも、直接TypeScriptを実行することはありません。

// TypeScriptで書いたコード
function greet(name: string): string {
  return `こんにちは、${name}さん！`;
}

// コンパイル後のJavaScript
function greet(name) {
  return `こんにちは、${name}さん！`;
}

上の例を見てください。TypeScript版では name: string という記述があります。これが「型注釈」です。コンパイルするとこの注釈がきれいに取り除かれ、通常のJavaScriptになります。

根本的な違いは 型チェックのタイミング にあります。

JavaScriptは柔軟な言語です。たとえば数値を期待している関数に文字列を渡しても、コードを書いている段階では誰も止めてくれません。バグは実行して初めてわかります。

// javascript バグに気付けない例
function double(n) {
  return n * 2;
}

double("hello"); // → NaN（実行するまでわからない）

function double(n: number): number {
  return n * 2;
}

double("hello");
// ↑ エラー: Argument of type 'string' is not assignable to
//   parameter of type 'number'.

TypeScriptが爆発的に普及した理由はいくつかあります。

型を書く目的は大きく3つあります。