TypeScript의 인터페이스에서 런타임 유형 검사를 수행하는 방법은 무엇입니까?

TypeScript의 인터페이스 유형 확인: 런타임 확인을 위한 여정

TypeScript는 코드 정확성을 보장하기 위한 유형 확인 기능을 제공합니다. 그러나 인터페이스를 다룰 때 변수가 런타임에 인터페이스를 구현하는지 확인하는 것은 어려울 수 있습니다.

다음 코드를 고려하세요.

interface A {
    member: string;
}

var a: any = { member: "foobar" };

if (a instanceof A) alert(a.member);

이 코드는 컴파일 중에 다음과 같은 오류를 발생시킵니다. "A라는 이름은 현재 범위에 존재하지 않습니다." 인터페이스 선언에도 불구하고 TypeScript는 JavaScript의 인터페이스 표현 부족으로 인해 런타임 시 문제에 직면합니다.

TypeScript 사용자 정의 유형 가드

이러한 제한을 극복하기 위해 TypeScript는 사용자 정의 유형 가드를 도입합니다. 유형 가드를 사용하면 인스턴스에 의존하지 않고 인터페이스를 확인할 수 있습니다. 예는 다음과 같습니다.

interface A {
    member: string;
}

function instanceOfA(object: any): object is A {
    return 'member' in object;
}

var a: any = { member: "foobar" };

if (instanceOfA(a)) {
    alert(a.member);
}

이 코드는 가 instanceOfA 유형 가드를 사용하여 A 인터페이스를 구현하는지 성공적으로 확인합니다.

복잡한 인터페이스 구현 처리

인터페이스에 여러 멤버가 있는 시나리오의 경우 판별자 접근 방식이 유용할 수 있습니다. 간단한 예는 다음과 같습니다.

interface A {
    discriminator: 'I-AM-A';
    member: string;
}

function instanceOfA(object: any): object is A {
    return object.discriminator === 'I-AM-A';
}

var a: any = { discriminator: 'I-AM-A', member: "foobar" };

if (instanceOfA(a)) {
    alert(a.member);
}

이 경우 판별자 속성은 A 인터페이스를 구현하는 객체에 대한 고유 식별자 역할을 합니다.

결론

TypeScript의 사용자 정의 유형 가드와 판별자 접근 방식을 통해 개발자는 인터페이스에서 런타임 유형 검사를 수행하여 코드 정확성을 보장하고 잠재적인 가능성을 예방할 수 있습니다. 오류가 발생했습니다.

위 내용은 TypeScript의 인터페이스에서 런타임 유형 검사를 수행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!