728x90
타입 스크립트로 변수나 함수와 같은 자바스크립트 코드에 타입을 정의할 수 있으며, 기본 타입에는 크게 12가지가 있다.
- Boolean
- Number
- String
- Object
- Array
- Tuple
- Enum
- Any
- Void
- Null
- Undefined
- Never
문자열, 숫자열, 배열
// JS 문자열 선언
//var str = 'hello'
//TS 문자열 선언
//const, let을 사용해야한다
const str: string = 'hello' //왼쪽 변수는 문자열로 선언 하겠다.
//TS 숫자형 선언
let num: number = 10
//TS 배열 타입 선언 -> 어떤 타입만 들어올지도 선언해 주어야 한다
let arr: Array<number> = [1, 2, 3]
let heroes: Array<string> = ['Capt', 'Thor', 'Hulk', /* 10 //숫자는 안된다*/]
let items: number[] = [1,2,3] //number의 배열 리터럴로 표현도 가능하다.
- 변수 명 옆 (:)으로 타입을 선언한다.
- 배열 같은 경우 2가지 방식이 있다.
- Array<number>를 통해 배열 선언이 가능하다.
- number[] 리터럴로 타입 선언이 가능하다.
튜플, 객체, 진위(boolean)
//TS 튜플 -> 특정 위치에 어떤 타입이 올지 지정
let address: [string, number] = ['gangnam', 100];
//TS 객체
let obj: object = {}
/*
//person 내부 타입은 아무거나 올 수 있다.
let person: object = {
name: 'capt',
age: 100,
}
*/
let person: { name: string, age: number } = {
name: 'thor',
age: 1000
}
//TS 진위값
let show: boolean = true
- 튜플은 배열에 각각 순서와 타입이 다르게 선언할 수 있다.
- 객체는 object로 선언하며, 내부 타입을 정의하거나 정의하지 않거나 할 수 있다.
- 타입에 object만 쓰면 객체 내부 타입은 아무거나 와도 된다.
728x90
'타입스크립트 > 타입스크립트 기초 - 변수와 함수 타입 정의하기' 카테고리의 다른 글
| 함수 타입 (0) | 2022.10.04 |
|---|