Front-end/Typesrcipt

Typescript - function parameter, return

Cuvely 2023. 4. 12. 13:27
728x90
반응형

Function type

Function type(함수) 타입을 선언하기위해서는 parameterreturn 둘다 타입을 선언해줘야한다.

function myFn(x: number): number {	// 파라미터 타입은 number
    return x * 2;	// return 타입은 number

myFn(3);	// 허용 가능
myFn('3');	// string 타입이 들어가서 에러가 나타난다

 

 

 

 

Function type중에 return값이 필요 없을 경우 타입을 void로 설정한다.

function myFn2(x: number): void {	// return 타입을 void로 바꾼다
    console.log(x + x);	// return이 없다.
}

 

 

반응형

 

 

Function type중에 parameter값이 선택사항일 경우 ?를 붙인다.

물음표(?) 의미는 (x: number | undefined) 의 의미와 같다.

function myFn(x?: number): void {	// ?를 붙여 파라미터가 선택사항으로 선언할 수 있다.
    console.log(x + x);		// ?의 뜻은 (x: number | undefined) 와 같은뜻이다.
}

myFn();		// 파라미터가 없어도 가능하다.
myFn(1);	// 파라미터가 있어도 가능하다.

 

 

728x90
반응형