🚩: 함수와 인터페이스 그리고 선언 방식

Author: 4BFC

src/index.ts

@@ -1,16 +1,30 @@
-//object and interface
+import { Add, isAdult } from "./utils/data.interface";
 
-import { user } from "./data/data";
+//일반 함수
 
-console.log(user.name);
+// function test(x, y): Add {
+//   return x + y;
+// } //-> 잘못된 일반 함수 선언 방법
 
-user.age = 10;
+function test(x: number, y: number): number {
+  return x + y;
+}
 
-// user.gender = 'male';  //-> error : user라는 데이터에는 해당 객체, interface가 존재하지 않는다. 하지만 이를 옵셔널로 처리 하면 아래와 같다.
+const addTest: Add = test;
+//왜 function에 인터페이스를 지정 할 수 없는가?
+//TypeScript에서 함수 타입 인터페이스를 직접 함수 선언에 기입하는 것은 불가능
 
-user.gender = 'male';
-console.log(user.gender); //data 객체에는 gender가 없지만 interface에서 '옵셔널'로 처리했기 때문에 문제없이 사용할 수 있다.
 
-// user.birthYear = 1999; //-> error : readonly속성이 부여되어 있기 떄문에 객체 수정이 불가능 하다.
+//익명 함수
+const add: Add = function (x, y) {
+  return x + y;
+}
 
-console.log(user[1]); //인덱스 시그니처 방식
+console.log(add(10, 20));
+
+//화살표 함수
+const isAdult: isAdult = (age) => {
+  return age > 19;
+}
+
+console.log(isAdult(20));

src/utils/data.interface.ts

@@ -1,14 +1,18 @@
-//grade를 문자열로 선언하기에는 너무 광범위하다. 그래서 이를 문자열 리터럴 방식으로 타입을 하나 선언 해보면 아래와 같다.
-
 type Score = 'A' | 'B' | 'C' | 'F';
-//type은 정확히 어떤 것인가?
 
 export interface userType {
   name: string,
   age: number,
-  // 뒤에 "?"가 있는 것은 옵셔널로 gender를 입력을 해도 되고 안해도 되는 방식이다.
   gender?: string,
   readonly birthYear: number,
-  //key value 방식의 인덱스 시그니처 (프로퍼티) 선언
   [grade: number]: Score;
 }
+
+//함수 interface 선언 방식
+export interface Add {
+  (num1: number, num2: number): number;
+}
+
+export interface isAdult {
+  (age: number): boolean;
+}