새소식

프론트엔드/typescript

Interface - 함수

  • -

안녕하세요 lika-7입니다

오늘은 저번시간에 이어 Interface의 함수에 대해 정리하겠습니다

Interface - 기본 이후의 내용을 다룹니다

호출 시그니처

💡
인터페이스에서 소괄호를 작성해서 내용을 시작하는 것을 호출 시그니처라고 합니다
1. 소괄호를 통해 함수의 타입을 지정 할 수 있습니다 2. 이를 이용해 함수 타입의 인터페이스를 만듭니다
//TypeScript

interface GetName{ 
    (message:string): string //message라는 매개변수의 타입은 string이고, 반환타입도 string이다
}

GetName의 호출 시그니처를 만들고

message라는 매개변수의 타입은 string이고, 반환타입도 string이다는 의미

왜 씀?

나중에 같은 모양의 함수가 나오면 재사용 하기 좋음

사용 예제

기본 사용법

//TypeScript

// 인터페이스
// 함수타입 - 호출 시그니처

interface GetName{ 
    (message:string): string //message라는 매개변수의 타입은 string이고, 반환타입도 string이다
}  
interface User {
    name: string,
    age: number,
    getName: GetName
}
const heropy: User = {
    name: 'Heropy',
    age: 85,
    getName(message: string){
        console.log(message)
        return this.name
    }
}
heropy.getName('Hello~')

'프론트엔드 > typescript' 카테고리의 다른 글

Interface - 확장(상속)  (0) 2023.09.18
Interface - Index Signature  (0) 2023.09.18
Interface - 기본  (0) 2023.09.17
타입가드  (0) 2023.09.17
단언  (0) 2023.09.17
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.