TypeScript 기본 / 기초문법 ) 기본 변수 선언 / 변수 타입 지정 / 변수 ReadOnly 설정

변수에 타입 지정 

let 변수이름 : 타입 = 값;

하나의 변수에 여러 타입 지정

let 변수이름 : 타입1 | 타입2 = 값;

객체 타입 변수에 타입 지정

let 변수이름 : {
     변수1 : 타입,
     변수2 : 타입
}

객체 타입 변수에 타입 지정 + ?를 사용하면 해당 속성은 사용할수도 안할수도 있음

let 변수이름 : {
     변수1 : 타입,
     변수2? : 타입
}

let str : string = 'hello';

let num : number = 99;

let objex : {
    name : string,
    age : number
}

// 변수명? 하면 해당 속성을 사용할 수도 있고 안할 수도 있다는 뜻
let obex : {
    name : string,
    age? : number
}
// age는 number or undefined 인 것

// 여러개의 타입을 허용
let unionex : string | number = 'kim';
unionex = 13; // number도 설정했기 때문에 이것도 가능

728x90

타입 별칭(alias) 정의

type 별칭명 : 타입;
type 별칭명 : {
         변수명1: 타입,
         변수명2: 타입,
         readonly 변수명3 : 타입 
}

type UUID =string;

type Player = {
    name : string,
    age : number
}

type Player2 = {
    name : string,
    age? : number
}

const play1 : Player1 = {
    name : "jerry",
    age : 12
}

const play2 : Player2 = {
    name : "jerry"
}

type 별칭명 : 타입;
type 별칭명 : {
         (변수명1: 타입,변수명2: 타입a) : 타입
        (변수명1: 타입, 변수명2: 타입b) : 타입
         readonly 변수명3 : 타입 
}

 ReadOnly 설정

const examplelist : readonly string[] = ['a','b','c']
const examplenum : readonly number[] = [1,3,7]
type 별칭명 : {
         변수명1: 타입,
         변수명2: 타입,
         readonly 변수명3 : 타입 
}

ReadOnly 설정은 JavaScript 에는 없고, TypeScript에서만 있는 설정이다.