실행 프로세스에 인터페이스의 특정 속성만 필요한 경우, 불필요한 속성은 이제 공간만 소모하므로 성능 저하의 주요 원인이 됩니다. JavaScript에서는 실행 시 인터페이스의 불필요한 속성을 제외할 수 있는 방법이 없습니다. 운 좋게! 이 약점 또는 사용 사례는 특정 속성만 선택하는 데 많은 도움이 되는 '생략' 및 '선택' 유형 유틸리티를 제공하는 TypeScript에 의해 처리됩니다.
이 블로그에서는 다음 섹션을 다루면서 TypeScript의 생략 유형과 그 반대에 대해 설명합니다.
- TypeScript에서 생략 유형이란 무엇입니까?
- TypeScript에서 생략 유형의 반대는 무엇입니까?
TypeScript에서 생략 유형이란 무엇입니까?
타입스크립트 “생략” type은 제공된 인터페이스에서 새 인터페이스를 생성합니다. “” 다음과 같이 제공되는 속성을 건너뛰거나 제외합니다. '열쇠' . 나머지 모든 속성의 값을 가져와 처리하며 다음과 같이 전달된 속성의 값은 허용하지 않습니다. '열쇠' . 간단히 말해서, “생략” 유형은 '키'로 전달되는 속성을 제외하고 나머지 속성은 동일하게 유지됩니다.
통사론
TypeScript의 Omit Type 구문은 다음과 같습니다.
생략 < 데모 유형, 키1 | 키2 >
어디 “데모타입” 인터페이스는 '키1' 그리고 “키2” 속성이 새 항목에 추가될 예정입니다. '유형' 이는 다음을 통해 생성됩니다. “생략” .
이해하기 위한 예 “생략” 유형은 아래와 같습니다.
유형 리눅스힌트타입 = {f이름: 문자열;
l이름: 문자열;
나이: 숫자;
}
유형 newType = 생략;
const 특정: newType = {
f이름: '남자' ,
l이름: '암사슴'
} ;
콘솔.로그 ( 특정.나이, 특정.f이름 ) ;
위 코드에 대한 설명:
- 첫째, '유형' 명명 된 '리눅스힌트타입' 다음과 같은 여러 속성을 포함하는 정의됩니다. “f이름” , “이름” , 그리고 '나이' 그 안에.
- 다음으로, “생략” 다음을 수행하는 유형이 사용됩니다. '리눅스힌트타입' 첫 번째 인수이자 키 '나이' . 이 생략은 다음에서 모든 속성을 검색합니다. '리눅스힌트타입' 'age' 속성만 제외됩니다.
- '생략' 유형을 통해 검색된 속성은 새 폴더에 저장됩니다. '유형' 명명 된 '새로운 유형' .
- 그런 다음 다음과 같은 유형 주석을 갖는 새 변수가 생성됩니다. '새로운 유형' 나머지 속성의 값이 설정됩니다.
- 그런 다음 새 변수를 사용하여 나머지 속성과 제외된 속성을 검색하고 확인을 위해 콘솔 창에 표시합니다.
컴파일 후 콘솔 창은 다음과 같습니다.
콘솔 창 스냅샷은 제외된 항목에 액세스하는 동안 유형 오류가 생성되었음을 보여줍니다. '나이' 재산. '생략' 유형에 대한 자세한 설명을 보려면 관련 페이지를 방문하세요. 기사
TypeScript에서 생략 유형의 반대는 무엇입니까?
TypeScript에서는 다음과 반대입니다. “생략” 은 '선택하다' 유형. 이 유형은 사용 가능하게 될 특정 속성을 선택하거나 선택하고 선택되지 않은 나머지 속성은 모두 제외됩니다. 즉, 그와는 완전히 반대이다. “생략” 유형. 다음과 같은 두 가지 인수가 필요합니다. '유형' 그리고 '열쇠' 어디 '유형' 인터페이스 또는 클래스입니다. '열쇠' 속성은 포함되고 나머지는 제외됩니다. 다수의 부동산이 있는 경우, 각 부동산은 활용도에 따라 구분됩니다. '노동 조합' 운영자 “|”.
통사론
TypeScript의 Pick Type 구문은 다음과 같습니다.
어디, “데모타입” 인터페이스, 클래스 또는 유형입니다. '키1' , “키2” , 그리고 “키3” 속성이 선택됩니다.
이제 더 나은 설명을 위해 예를 살펴보겠습니다.
예: 특정 속성 선택
이 경우 인터페이스나 클래스의 특정 속성은 'Pick' 유형을 사용하여 선택되고 나머지 속성은 아래와 같이 완전히 제외됩니다.
인터페이스 linuxhintInter {f이름: 문자열;
l이름: 문자열;
나이: 숫자;
}
유형 newType = 선택;
const 특정: newType = {
f이름: '남자' ,
l이름: '암사슴' , 나이: 3. 4 } ;
위 코드에 대한 설명:
- 첫째, 인터페이스 '리눅스인터' 라는 이름의 세 가지 속성을 포함하여 생성됩니다. “f이름” , “이름” , 그리고 '나이' .
- 다음으로, '선택하다' 인터페이스를 첫 번째 매개변수로 사용하는 유형이 사용됩니다. '나이' 그리고 “f이름” Union 연산자로 구분된 두 번째 매개변수 “|” .
- 이것 '선택하다' type은 다음과 같은 새로운 유형을 정의합니다. '새로운 유형' 에만 포함됩니다 '나이' 그리고 “f이름” 속성을 제외하고 나머지 모든 속성을 제외합니다. “이름” .
- 자, 이것을 설정하세요 '새로운 유형' '특정' 변수의 유형으로 사용하고 모든 인터페이스 속성을 수정해 보십시오. 특정 속성만 사용할 수 있으므로 오류가 발생합니다.
컴파일 후 콘솔 창은 다음과 같습니다.
위 스냅샷은 선택한 유형에 포함되지 않거나 사용할 수 없는 속성을 프로그램이 수정하고 있기 때문에 오류가 발생하는 것을 보여줍니다.
TypeScript에서 생략(Omit)과 반대로 동작하는 타입에 대해 배웠습니다.
결론
그 반대 “생략” TypeScript의 유형은 '선택하다' 제공된 속성만 포함하고 기본 인터페이스의 나머지 모든 속성을 제외하는 새 유형을 생성하는 유형입니다. 반면, “생략” TypeScript의 유형은 새 유형도 생성하지만 제공된 모든 속성을 제외하고 나머지 속성을 허용하거나 포함합니다. 이 기사에서는 TypeScript에서 유형 생략(Omit Type)의 반대에 대해 설명했습니다.