HOWTO · TypeScript
TypeScript의 함수 인터페이스
TypeScript에서 함수 유형으로 인터페이스를 시연합니다.
이 페이지의 내용
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
function delSub(subCode:number):void {
console.log('Subject deleted.')
}
let sub: Course = delSub;
위의 코드는 컴파일러 오류를 발생시킵니다.
