본문 바로가기

Front-End/TypeScript

TypeScript #9 (함수)

반응형

 

기본형

// 인자 각각에 타입, 리턴 값에 타입
function addNum(a: number, b: number): number {
    return a + b;
}

 

 

화살표 함수

// 변수 greet에 할당 받는 name 값에 타입, 변수 greet 에 타입
const greet: (name: string) => string = (name) => `Hello, ${name}`;

 

 

예제

function runMore(distance: number): number {
    return distance + 10;
}

console.log(runMore(10));


function eat(calories: number) {
    console.log("I ate " + calories + " calories");
}

// void : return 하지 않음
function sleepIn(hours: number): void {
    console.log("I slept " + hours + " hours");
}

 

 

출력해보자.

let ate = eat(100);
console.log(ate);
let slept = sleepIn(10);
console.log(slept);

 

 

 

 

실습

// 매개변수가 string 일 때만 길이 출력하는 함수
function showLength(input: string | number) {
    if (typeof input === "string") {
        console.log(`길이: ${input.length}`);
    }
    else {
        console.log("문자열이 아닙니다.");
    }
}
반응형