ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Typescript - function parameter, return
    Front-end/Typesrcipt 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
    반응형

    'Front-end > Typesrcipt' 카테고리의 다른 글

    Typescript - Type Alias  (0) 2023.04.12
    Typescript - Narrowing & Assertion  (0) 2023.04.12
    Tyepscript - Union, any, unknown  (0) 2023.04.12
    Typescript - Primitive Types  (0) 2023.04.12
    Typescript - 변수 선언  (0) 2023.04.11
Designed by Tistory.