> 웹 프론트엔드 > JS 튜토리얼 > 저와 함께 Typescript 배우기(1부)

저와 함께 Typescript 배우기(1부)

Susan Sarandon
풀어 주다: 2025-01-01 08:22:10
원래의
916명이 탐색했습니다.

typescript의 기본 사항을 요약하자면, 여러분 대부분이 이미 기본 사항을 알고 있다는 것을 알고 있습니다.

기본 유형
문자열
번호
부울
아무거나

어디에서나 볼 수 있는 기본 유형입니다. 예시는 다음과 같습니다

const name: string = 'Danish' //  a string

let a: number = 23

let b: string = 'somestring'

let e: boolean = false
로그인 후 복사

Learn Typescript with me (Part 1)

Learn Typescript with me (Part 1)

이제 이러한 변수를 사용할 때 TypeScript가 변수 사용에 도움을 줄 것입니다. a를 b와 곱하거나 나누면 불평할 것입니다. 또는 a = "Danish"를 할당하려고 해도 불평할 것입니다

다음은 Union 유형입니다.

*Union 유형 *은 문자열과 숫자 또는 부울과 숫자와 같은 기본 유형을 혼합한 것으로, 기본적으로 변수는 숫자 또는 문자열이 될 수 있습니다.

let employeId: string | number
let isSuccess: number | boolean
로그인 후 복사

Learn Typescript with me (Part 1)

여기서는 EmployeeId가 문자열이나 숫자일 수 있다고 가정하지만 여기에 부울을 할당하면 TypeScript가 오류를 발생시킵니다

유형 추론, 이제 typescript는 변수에 할당한 값을 기반으로 유형을 추론합니다. 처음에 변수에 지정된 값이 false이면 isLoading = false로 설정하면 이제 isLoading의 추론 유형은 부울이므로 isLoading = "ok"와 같은 작업을 시도하면 TypeScript가 오류를 표시합니다.

Learn Typescript with me (Part 1)

마찬가지로 일부 타사 패키지의 유형을 모르는 경우 IDE에서 해당 패키지 위로 마우스를 가져가면 유형을 알 수 있습니다.

이것이 기본 요약이었습니다. 다음 기사에서는 객체, 튜플 배열, 선택적 속성, 축소 및 열거형에 대해 살펴보겠습니다.

덴마크 알리

위 내용은 저와 함께 Typescript 배우기(1부)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿