TypeScript의 함수 인터페이스

Rana Hasnain Khan 2024년2월15일 TypeScript TypeScript Interface

TypeScript의 함수 인터페이스를 예제와 함께 소개합니다.

TypeScript에서 함수 유형으로 인터페이스

인터페이스를 사용하면 특정 클래스 또는 기능에 대해 응용 프로그램 전체에서 사용되는 부모 구조를 만들 수 있습니다. 응용 프로그램의 모든 단계에서 구조가 변경되면 오류가 발생합니다.

인터페이스는 속성의 특정 구조, 함수에서 반환된 개체 또는 매개 변수로 전달된 개체의 유효성을 검사할 수 있습니다. 인터페이스 키워드를 사용하여 인터페이스를 쉽게 정의하고 속성 및 메서드를 포함할 수 있습니다.

함수 또는 화살표 함수를 사용하여 메서드를 선언할 수 있습니다. 아래와 같이 예제를 보고 코스용 인터페이스를 만들어 봅시다.

암호:

# typescript
interface CsCourse {
    subCode: number;
    subName: string;
    instructor(id): string;
    getCgpa: (number) => number;
}

함수에 이 인터페이스를 사용합시다.

암호:

# typescript
interface Course
{
    (subCode: number, subName: string): void;
};
function addSub(subCode:number, subName:string):void {
    console.log('Adding Subject: Subject Code = ' + subCode + ', Subject Name = ' + subName)
}

function updateSub(subCode:number, subName:string):void {
    console.log('Updating Subject: Subject Code = ' + subCode + ', Subject Name = ' + subName)
}

let sub: Course = addSub;
sub(301, 'Compiler Construction');

sub = updateSub;
sub(101, 'Introduction to Programming');

출력:

TypeScript의 함수 인터페이스 예

인터페이스를 생성하여 속성 또는 함수의 구조를 따르고 응용 프로그램 전체에서 동일한 구조를 따르도록 할 수 있습니다. 이러한 속성에 대한 인터페이스를 사용하면 애플리케이션이 안전해지며 올바른 데이터가 함수로 전송되는지 확인할 수 있습니다.

이제 인터페이스 과정에서 정의한 서명과 다른 서명을 가진 새로운 기능을 할당해 봅시다.

암호:

# typescript
function delSub(subCode:number):void {
    console.log('Subject deleted.')
}

let sub: Course = delSub;

위의 코드는 컴파일러 오류를 발생시킵니다.

튜토리얼이 마음에 드시나요? DelftStack을 구독하세요 YouTube에서 저희가 더 많은 고품질 비디오 가이드를 제작할 수 있도록 지원해주세요. 구독하다

작가: Rana Hasnain Khan

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

TypeScript에서 함수 유형으로 인터페이스

관련 문장 - TypeScript Interface