'타입스크립트'에 해당되는 글 1건

donaricano-btn

타입스크립트의 인터페이스 - typescript interface


1. 정의

- 함수나 오브젝트가 구조적으로 어떤 구조를 가져야 하는지에 대한 약속이다

- 자바의 인터페이스와 흡사하다


2. 인터페이스(interface)

1) 오브젝트 구조

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
interface Dummies  {
    name : string;
    age?: number; //optional
    greet() : void;
}
 
var person : Dummies = {
    name : "Hee",
    age : 23,
    greet() { }
};
 
var person1 : Dummies = {
    name : 'Jeong',
    greet() {}
}

- ? : 선택적으로 오브젝트를 만들 때 넣을 수도 있고 안넣을 수도 있다

- ? 을 제외한 모든 부분은 만들어 져야 한다

2) 함수 구조

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
interface Search{
    (
        source : string,
        sub : string
    )
    //함수의 반환 형태는 boolean
    : boolean
}
 
//인터페이스를 적용한다
var mySearch : Search;
//인터페이스가 적용된 함수명을 이용하여 작성
mySearch = function (src : string, sub : string) {
    return true;
}
 

- 함수의 파라미터 명은 변경이 가능하지만 타입은 불가능 하다

블로그 이미지

리딩리드

,