타입 스크립트 기초 2 - 인터페이스

반응형

인터페이스 선언

interface User {
	age: number;
	name: string;
}
function getUser(user: User) {
    console.log(user);
}

매개변수의 종류와 타입을 정의하여 사용

 

함수의 구조 정의

interface SumFunction {
    (a: number, b: number): number;
}

var sum: SumFunction;
sum = function(a: number, b: number): number {
    return a + b;
}

이처럼 매개변수 개수와, 타입, 반환형을 인터페이스로 선언하여 함수의 구조를 정의할 수 있다.

 

인터페이스 확장

interface Person {
    name: string;
    age: number;
}

interface Developer extends Person{
    language: string;
}

var captain: Developer = {
    language: 'ts',
    age: 100,
    name: '캡틴'
}

위와 같이 Developer를 확장하여 Developer로 선언한 captain이 Person의 변수까지 사용이 가능하다

 

인터페이스를 사용함으로써 중복된 코드를 줄여주어 코드를 간결하게 할 수 있다.