[typescript 기본] 타입 설정 (기본, 함수)

기본타입설정

기본적으로 변수 뒤에 :를 붙여 타입 설정을 한다.

//JS 문자열 선언
let jsStr = "hello";


//TS 문자열 선언
let str: string = "hello";

// 숫자
let num: number = 10;

// 배열
let arr: Array<number> = [1,2,3];
let heroes: Array<any> = ["Capt", "Thor", "Hulk", 10];
let items: number[] = [1, 2, 3];

// 튜플 (모든 인덱스의 타입까지 지정하기)
let address: [string, number] = ["테스트", 10];

// 객체
let obj: object = {};
let person: object = {
    name: "capt",
    age: 100
};
//객체 안 타입 지정
let person2: {name: string, age: number} = {
    name: "capt",
    age: 100
}

// 진위값
let show: boolean = true;

 

함수타입설정

// 함수의 파라미터에 타입을 정의하는 방식
function sumFunction(a: number, b: number) {
    return a + b;
}

sumFunction(10, 20);


//함수의 반환값에 타입을 정의하는 방식
function add(): number {
    return 10;
}

// 함수의 타입을 정의하는 방식
function sumFunctionReturn(a: number, b: number): number {
    return a + b;
}


// 반환값이 없는 함수의 타입을 정의하는 방식 void
function test(): void {
    console.log("반환값 없음");
}

 

함수의 옵셔널 파라미터

// 함수의 옵셔널 파라미터
function log(a: string, b?: string, c?:string) {
    return a + b + c;
}

파라미터뒤에 ?를 붙이면 필수가 아닌 선택으로 변환된다. (꼭 보내지 않아도 된다는 뜻!)