Coding devil/7: Generics

[nyun-nye]

✍ Coding devil/7: Generics

📝Description

• 제네릭 함수
  • class, function, interface를 다양한 타입으로 재 사용할 수 있다.
  • 선언할 때는 타입 파라미터만 작성한다.
  • 생성 시점에 사용할 타입을 결정한다.
  • 사용 예시는 아래와 같다.

     function getSize<T>(arr: T[]):number{
       return arr.length;
     }
     const arr1 = [1,2,3];
     getSize<number|string>(arr1); 
     // 특정 타입으로 강제하고 싶을 때 <>안에 값 넣어서 사용
     // 명시 하지 않으면 자동으로 인식함
    

• 제네릭 인터페이스
  • 객체 형식으로 타입을 설정할 수 있다.
  • 객체의 세부 내용을 지정해서 타입을 설정할 수 있다.

     interface Mobile<T> {
       name: String;
       price: number;
       option: T; // 값 미정
     }
     // const m1: Mobile<object> ={
     const m1: Mobile<{color: string; coupon: boolean}> = {
       name: "s21",
       price: 1000,
       option:{
         color: "red",
         coupon: false,
       },
     }
    

• 제네릭 확장
  • extends 키워드를 사용해서 확장할 수 있다.
  • <T extends number | string>은 제네릭 T가 number나 string 타입이어야 한다는 의미이다.

      interface Book{
        price: number;
      }
      function showName<T extends {name: string}>(data: T): string{ // 제네릭 T가 name형식의 string 타입이어야 한다.
        return data.name;
      }
      // showName(book); // book에는 name 형식의 string 타입이 없어 오류가 발생한다.
    

📌Summary

• 제네릭 함수:

  • 다양한 타입을 재사용할 수 있도록 함수, 클래스, 인터페이스에서 활용된다.
  • 선언 시 타입 파라미터(T)를 사용하며, 호출할 때 타입을 지정할 수 있다.
  • 특정 타입을 명시할 필요가 없다면, 타입은 자동으로 추론된다.

• 제네릭 인터페이스:

  • 객체의 타입을 유연하게 설정할 수 있도록 도와준다.
  • option과 같은 속성을 제네릭으로 설정하여 나중에 특정 타입으로 결정될 수 있다.

• 제네릭 확장:

  • extends 키워드를 사용해 제네릭에 특정 조건을 부여할 수 있으며, 이를 통해 타입을 제한하고 확장된 기능을 제공할 수 있다.