[Typescript] 型エイリアスってなんぞ？

型エイリアスについての簡単な説明

type文を用いて型に名前を付けられる機能のことを型エイリアスと呼びます。

型エイリアスの利点

①コードの可読性向上

使用しない場合

function calculateTotalPrice(cart: { items: { name: string; price: number }[] }) {
  let total = 0;
  for (const item of cart.items) {
    total += item.price;
  }
  return total;
}

使用した場合

type CartItem = {
  name: string;
  price: number;
};

type ShoppingCart = {
  items: CartItem[];
};

function calculateTotalPrice(cart: ShoppingCart) {
  let total = 0;
  for (const item of cart.items) {
    total += item.price;
  }
  return total;
}

CartItemとShoppingCartという型エイリアスを使用することで、calculateTotalPriceの引数の構造が明確になったと思います。

②再利用性の向上

CartItemとShoppingCartの型を作成したことで、他の場所でも利用できるようになりました。変更が必要になった場合は一箇所修正するだけでよくなります！便利！！