[Typescript] Generic이란? ( 제네릭 ) / 사용법

Generic이란?

사용자에게 타입을 받아와서, 내부 요소의 타입을 지정하는 방식

( 타입을 인자로 사용 )

 

Generic 사용하기

 

Generic 타입 사용 함수

// getText함수를 사용할때, getText<타입> 형식으로 타입을 받아와 해당인자의 타입을 검사한다.
function getText<T>(text: T): T {
  return text;
}


// getText<타입> 형식으로, 제네릭에게 타입을 전달한다
getText<string>('hi');
getText<number>(10);
getText<boolean>(true);

 

 Generic 타입 사용 클래스

// 제네릭 타입 클래스 생성
class MyArray<T> {
  element!: T
  SetElement(element: T):void { this.element = element }
  getElement():T { return element; }
}

// 제네릭 타입 클래스 사용해, <number>타입이 적용된 객체 만들고, 사용
let MyArry = new MyArray<number>();

MyArry.setElement(100);

console.log(MyArry.getElement());

class genericNumber<T> {
  zeroValue!: T;
  add!: (x: T, y: T) => T;
}

let myGenNumber = new genericNumber<number>();
myGenNumber.zeroValue = 1;
myGenNumber.add = function (x, y) {
  return x + y;
};
console.log(myGenNumber.add(1, 6));