🚩: Union Types의 활용과 조건문과의 활용

Author: 4BFC

src/index.ts

@@ -1,12 +1,11 @@
-// literal Types
+import { UnionCar, UnionMobile } from "./utils/data.interface";
 
-import { UserName } from "./utils/data.interface";
-
-const userName1 = 'Bob';
-let userName2: string | number = 'Tom';
-userName2 = 3;
-
-const user: UserName = {
-  name: "Bob",
-  job: "developer"
+//속성이 많아 진다면 if문보다는 switch문으로 작성하는게 더 가독성이 높다.
+function getGift(gift: UnionCar | UnionMobile) {
+  console.log(gift.color);
+  if (gift.name === "car") {
+    gift.start();
+  } else {
+    gift.call();
+  }
 }

src/utils/data.interface.ts

@@ -47,4 +47,18 @@ export interface UserName {
 export interface HighSchoolStudent {
   name: number | string;
   grade: 1 | 2 | 3;
+}
+
+// union types
+
+export interface UnionCar {
+  name: 'car';
+  color: string;
+  start(): void;
+}
+
+export interface UnionMobile {
+  name: 'mobile';
+  color: string;
+  call(): void;
 }