TypeScriptの基礎知識: はじめてのTypeScript

タイトル: TypeScriptの基礎知識: はじめてのTypeScript

はじめに

近年、JavaScriptの上位互換言語として急速に普及しているTypeScriptについて、その基礎知識を解説します。TypeScriptは、JavaScriptに静的型付けの機能を追加し、開発者がより堅牢で保守性の高いコードを書くのに役立ちます。

TypeScriptのインストール
TypeScriptを使い始めるには、まずnpm (Node.jsのパッケージマネージャー) を使用してTypeScriptをインストールします。

npm install -g typescript

型注釈
TypeScriptの主な機能は、変数や関数の引数に型注釈を付けられることです。型注釈を使用することで、コンパイル時に型の誤りを発見できます。

例:

let message: string = "Hello, TypeScript!";
let count: number = 42;

関数の引数と戻り値の型
関数の引数と戻り値にも型を指定できます。これにより、関数が正しい型の引数と戻り値を持っていることを保証できます。

例:

function add(a: number, b: number): number {
  return a + b;
}

インターフェース
TypeScriptでは、インターフェースを使用してカスタム型を定義できます。インターフェースは、オブジェクトの構造を定義するために使われます。

例:

interface Person {
  name: string;
  age: number;


const person: Person = {
  name: "Alice",
  age: 30,
};

クラスと継承
TypeScriptはクラスベースのオブジェクト指向プログラミングもサポートしています。クラスは、プロパティやメソッドを持つことができ、他のクラスから継承することもできます。

例:

class Animal {
  constructor(public name: string) {}

  makeSound(): void {
    console.log("Some generic animal sound");
  }
}

class Dog extends Animal {
  makeSound(): void {
    console.log("Woof! Woof!");
  }
}

const dog = new Dog("Buddy");
dog.makeSound(); // Output: Woof! Woof!

まとめ

この記事では、TypeScriptの基礎知識について説明しました。TypeScriptはJavaScriptに型情報を追加することで、より堅牢で保守性の高いコードを書くことができます。今回紹介した機能は、TypeScriptのほんの一部に過ぎません