Typescript는 변수 또는 속성의 초기화를 위한 데이터 유형으로 'const' 키워드와 'readonly' 유틸리티 유형을 사용합니다. 이름과 기능에 따라 이 두 데이터 유형은 서로 상당히 다르지만 동일한 소스 코드에서 사용되는 경우 사용자가 혼동하는 경우가 있습니다. 이 가이드는 TypeScript 'const' 키워드와 'readonly' 유틸리티 유형의 차이점을 설명합니다.
먼저 'const' 및 'readonly' 유틸리티 유형의 기본 사항을 살펴보십시오.
TypeScript 'const' 키워드는 무엇입니까?
“ const ” 키워드는 주어진 변수가 상수임을 지정합니다. 즉, 값이 할당되면 값을 수정할 수 없습니다. 컴파일 타임에 지정된 변수를 상수로 취급합니다.
주어진 코드의 도움으로 실제로 봅시다.
암호
TypeScript 프로젝트의 '.ts' 파일에서 코드 라인을 복사합니다.
상수 a = 100 ;= 오십 ;
console.log ( ㅏ ) ;
위에서 언급한 코드 라인에서:
-
- “ const '키워드 초기화' ㅏ ”를 상수 변수로 사용합니다.
- 다음으로 상수 'a' 변수 값이 수정됩니다.
- 마지막으로 “ 통나무() ” 메서드는 “a” 변수 값을 표시합니다.
초기화 후 상수 'a' 변수 값을 수정해도 편집기에서 오류가 발생하는 것을 볼 수 있습니다.
산출
tsc main.ts // .ts 파일 컴파일노드 main.js // .js 파일 실행
컴파일 중에 'a' 변수 값이 상수이기 때문에 변경할 수 없도록 지정하는 오류가 생성되는 것이 관찰됩니다.
Typescript 읽기 전용 유틸리티 유형이란 무엇입니까?
이제 TypeScript 'const' 키워드와 'readonly' 유틸리티 유형의 차이점으로 이동합니다.
TypeScript 'const'와 'readonly' 유틸리티 유형 설명
TypeScript 'const' 키워드와 'readonly' 유틸리티 유형 간의 주요 차이점은 다음과 같습니다.
-
- 일하고 있는: 'const' 키워드는 초기화 후 'variable' 값을 수정할 수 없음을 나타내는 반면 'readonly' 유틸리티 유형은 'property/variable' 값이 일단 설정되면 변경할 수 없음을 지정합니다.
- 용법: 'const' 키워드는 변수를 상수로 만들기 위해 변수에만 사용됩니다. 반면에 '읽기 전용' 유틸리티 유형은 인터페이스 또는 개체의 일부인 '속성 및 변수'에 사용됩니다.
- 가감: 'const' 변수는 전혀 수정할 수 없지만 'readonly' 속성은 JavaScript 메서드의 도움으로 런타임에 수정할 수 있습니다.
결론
TypeScript에서 ' const ' 키워드와 ' 읽기 전용 ”를 기준으로 유틸리티 유형이 서로 다릅니다. 일하고 있는 ”, “ 용법 ', 그리고 ' 가감 ” 요인. 그들 사이의 주요 차이점은 'const'는 변수를 일정하게 만드는 반면 'readonly'는 변수와 속성을 모두 일정하게 만든다는 것입니다. 이 가이드는 TypeScript 'const'와 'readonly' 유틸리티 유형에 대해 자세히 설명했습니다.