🚩: 교차 interface 활용 및 사용 방법

Author: 4BFC

src/index.ts

@@ -1,11 +1,10 @@
-import { UnionCar, UnionMobile } from "./utils/data.interface";
+//intersection types
 
-//속성이 많아 진다면 if문보다는 switch문으로 작성하는게 더 가독성이 높다.
-function getGift(gift: UnionCar | UnionMobile) {
-  console.log(gift.color);
-  if (gift.name === "car") {
-    gift.start();
-  } else {
-    gift.call();
-  }
+import { InterCar, InterToy } from "./utils/data.interface";
+
+const toyCar: InterToy & InterCar = {
+  name: '타요',
+  start() { },
+  color: 'blue',
+  price: 1000,
 }

src/utils/data.interface.ts

@@ -61,4 +61,17 @@ export interface UnionMobile {
   name: 'mobile';
   color: string;
   call(): void;
+}
+
+//intersection types
+
+export interface InterCar {
+  name: string;
+  start(): void;
+}
+
+export interface InterToy {
+  name: string;
+  color: string;
+  price: number;
 }