Front-end/Typesrcipt
Typescript - function parameter, return
Cuvely
2023. 4. 12. 13:27
728x90
반응형
Function type
Function type(함수) 타입을 선언하기위해서는 parameter 와 return 둘다 타입을 선언해줘야한다.
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
반응형