[TypeScript] Function Type Alias

https://codingapple.com/course/typescript-crash-course/

빠르게 마스터하는 타입스크립트 - 코딩애플 온라인 강좌

본 블로그는 해당 타입스크립트 강의(코딩애플) 수강 후, 작성된 게시물입니다.

---

 

function type alias

type 함수타입 = () => {};

const 함수 :함수타입 = function(){}

1행이 3~5행의 함수 타입을 type alias로 만들 수 있다.

function type alias를 사용하는 방법은 다음과 같다. 함수 표현식에서 함수 타입을 지정하여 사용한다.

 

 

함수 선언식 vs 함수 표현식

- 함수 선언식

function 함수(){}

- 함수 표현식 (변수 만들어서 사용하는 것)

const 함수 = function(){}

 

---

Object 안에 함수

type Member = {
    name :string,
    plusOne : (x :number) => number,
    changeName : () => void,
}
let 회원정보 :Member = {
    name : 'kim',
    plusOne(a){ // object안에 함수 만들어서 사용
        return a+1;
    },
    changeName : () => {},
}
회원정보.plusOne(1);

 

콜백함수

function 함수1 (a){
    a();
}
function 함수2(){
    console.log('함수우');
}
함수1(함수2);

다음과 같은 콜백함수를 타입스크립트로 아래와 같이 만들 수 있다.

type CallBackFunc = (a :() => void) => void;

const 함수1 :CallBackFunc = function(a){
    a();
}
function 함수2(){
    console.log('함수우');
}

함수1(함수2);