ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Typescript - implements
    Front-end/Typesrcipt 2023. 4. 19. 11:42
    728x90
    반응형

    Typescript implements

    Typescript implements 란 부모의 메소드나 변수를 그대로 가져다가 쓰지 않고 오버라이드를 해서 사용하는것이다.

    implementsclassinterface에 만족하는지 여부를 체크할 때 사용한다. 

    // intreface 로 타입을 선언한다.
    interface PetType {
        gender: string,
        age: number
    }
    
    // class를 선언하여 implements로 interface 타입을 불러온다.
    class Pet implements PetType {
        gender: string;
        age: number = 27;
        constructor(x: string) {
            this.gender = x;
        }
    }
    
    let bomi = new Pet('female');

     

     

     

    반응형

     

     

     

    implementsinterface에 들어있는 속성을 가지고 있는지 체크 하는 것이다.

    class에 타입을 할당하고 변형하는 것이 아니다.

    interface CarType {
        medel: string,
        tax: (price: number) => number;
    }
    
    class Car implements CarType {
        model;	// any 타입이다.
        tax (a) {	// 파라미터 a 도 any 타입이다.
            return a * 0.1
        }
    }

     

    이처럼 class에 있는 model, tax 함수는 any타입이다.

    implementsclass의 타입을 할당하는것이 아니라 타입을 체크하는 것이다.

     

    728x90
    반응형

    'Front-end > Typesrcipt' 카테고리의 다른 글

    Typescript - Type Mapping  (0) 2023.04.24
    Typescript - index signatures  (0) 2023.04.19
    Typescript - d.ts  (0) 2023.04.18
    Typescript - declare  (0) 2023.04.18
    Typescript - tuple type  (0) 2023.04.18
Designed by Tistory.