setHeaders가 기대하는 바와 같이 KeyValue을 확인하는 개체로 구성된 헤더 배열을 제공했습니다. 이 특정 예제에서는 JSON 기반 웹 서비스에 일반적으로 사용되는 JSON 콘텐츠 헤더를 선택했습니다. Typescript 2.1에서 도입된 매우 유용한 기본 제공 형식은 레코드입니다. 변수를 Record로 입력하려면 문자열을 키로 전달하고 해당 값에 대해 일부 형식을 전달해야 합니다. 가장 간단한 경우는 문자열을 값으로 사용하는 경우입니다. 예를 들어, ErrorEnum을 사용하여 가능한 오류 값(메시지)을 유지하고 액세스합니다: 타이프스크립트에서 자바스크립트로 컴파일할 때 인터페이스가 사라집니다. 제네릭 형식이 Typescript에서 사용되는 방식에 대한 재교육을 위해, 나는 그들이 무엇이며 어떻게 사용되는지 설명하는 주제에 대한 기사를 게시했습니다. 이는 TypeScript가 기본적으로 ES5로 컴파일되기 때문에 모든 최신 브라우저에서 지원되도록 거의 보장되는 ECMAScript 버전입니다. 컴파일 대상을 다른 버전으로 변경할 수 있습니다.예를 들어 대상 ES2018 사용 tsc app.ts –대상 ES2018: 내 현재 프로젝트에서 이러한 상황의 실용적인 예 중 하나는 복잡 한 필드 종속성을 가진 큰 폼을 리팩터링. 오류 필드가 포함된 FormProps 유형이 있었습니다.

이 아키텍처를 다시 생각한 후 첫 번째 자식 구성 요소에는 오류가 필요하지 않았지만 두 번째 구성 요소는 여전히 필요했습니다. 새 인터페이스에 대한 오류를 제외한 일부 필드를 선택하여 선택했습니다. 또한 Typescript는 정의된 일부 셰이프에 대해 빈 개체를 만든 다음 속성으로 채울 수 없지만 여기서는 레코드가 구조됩니다. Typescript의 더 많은 예제 사용 사례를 찾고 있다면 두 부분으로 구성된 시리즈로 라이브 채팅 솔루션을 게시했습니다. 첫 번째 부분은 백 엔드 솔루션을 문서화하는 반면 2부는 프런트 엔드 클라이언트를 탐색합니다. 이름과 언어라는 두 개의 속성이 있습니다. 위의 예에서 배열은 숫자와 null 유형으로 구성되므로 TypeScript는 숫자와 null 값만 배열의 일부로 예상합니다. 반대로 Typescript v2.8에 도입된 필수 기본 제공 형식은 설명된 개체의 모든 속성을 요구합니다. 인터페이스에서 가져 가지 않으려는 속성을 제외합니다. 예를 들어 형식 시스템을 사용하면 변수, 함수 인수 및 함수 반환 형식에 형식을 추가하여 프로그램에 보다 엄격한 구조를 제공할 수 있습니다. 이 for 루프는 틀림없이 많은 상용구이지만 키와 값 속성이 헤더 개체 내에 제공되도록 합니다.

예를 들어 구문 오류가 발생하면 이 루프가 중단되지 않습니다. 각 키와 값은 배열로 다시 포맷되고 개인 _headers 클래스 속성에 추가됩니다.