[TypeScript] Deep Types

 

 

 

안녕하세요 동기 여러분! 오늘은 중첩 메서드의 인터페이스를 작성하는 방법에 대해 알아봅시다!

 

 

 

 

 

 

Deep Types

아래의 코드를 봅시다.

interface Characters {
    heros: {
        blackWidow: {
            alias: string;
            gender: string;
            height: number;
        }
    }
}

class Marvel implements Characters{
    heros = {
        blackWidow: {
            alias: 'Black Widow',
            gender: 'female',
            height: 170
        }
    }
}

const infoBW = new Marvel();

console.log(infoBW.heros);

인터페이스

• Characters라는 인터페이스를 만들고
• hero안에 blackWidow안에 alias, gender, height 프로퍼티들을 만들고 값으로 타입들을 넣어줍니다. interface는 타입 선언이기 때문에 : (colon)을 사용하면 됩니다.

 

클래스

• Marvel이라는 클래스를 만들고 implements로 Characters를 가져와서 타입 검사를 준비해둡니다.
• hero는 프로퍼티 어사인먼트를 선언하기 위해 옆에 = (equal)을 사용합니다. blackWidow는 프로퍼티이기 때문에 옆에 : (colon)을 사용하고 alias, gender, height는 blackWidow의 값이자 프로퍼티이기 때문에 옆에 : (colon)을 사용해줍니다.

 

출력

• heros를 호출하기 위해 infoBW라는 변수에 new Marvel();로 Marvel의 모양의 새로운 객체를 만들어 선언합니다.
• 출력문 infoBW.heros 

 

---

 

오늘의 느낌

느낌적인 느낌