# TypeScript interfaceとtypeどっち使うんですか？

  フロントエンド勉強中です。
ブルーベリー本とChatGPT、サバイバルTypeScriptとともに学んでいます。

## ざっくりとしたまとめ

## **interface：拡張可能**

`interface` を使用すると、同じ名前のインターフェイスを複数回定義することで、既存のインターフェイスを拡張できる。

## **typeの特徴：複雑な型操作ができる**

`type` を使用すると、Intersection型など、より複雑な型の操作を表現できる。

```ts
interface PersonInterface {
  name: string;
  age: number;
}

interface PersonInterface {
  email: string;
}

const personWithInterface: PersonInterface = {
  name: "田中",
  age: 25,
  email: "tanaka@example.com"
};

console.log(`${personWithInterface.name}さんのメールアドレスは${personWithInterface.email}です`);


type Name = {
  name: string;
};

type Age = {
  age: number;
};

type PersonType = Name & Age;

const personWithType: PersonType = {
  name: "山田",
  age: 30
};

console.log(`${personWithType.name}さんは${personWithType.age}歳です`);

// 田中さんのメールアドレスはtanaka@example.comです
// 山田さんは30歳です
```