함수를 사용하면 한 번 쯤 휙! 봤으면 해

2022. 10. 12. 19:45TypeScript

공부하라 도비야!

Void 

void는 '아무것도 없이 공허함'을 뜻하는 타입인데  return할 자료가 없는 함수를 만들고 싶을 때 사용합니다.

function packBooks(item? :string[]) :void { 
  item.forEach((el) => el.label = "good book!")
  // 여기서 item을 리턴하려고 하면 오류가 난다!!
  // return item X 노노
}

 

function, method Type

함수에 타입 지정하고 싶을 때는 직접 함수에 타입을 설정하기 보다는 변수로 선한하면서 type alias를 사용하는 것이 깔끔하다! 
 그리고 객체 안의 메소드로 존재하는 함수에 대해서도 타입을 지정하고 싶을 때가 있을 텐데, 이 때는 함수 자체를 키 값으로 연결하면서 arrow function으로 표시하는 방법이 매끄럽다.

type itemType = (x :string) => string

let itemObj = {
    itemValue: 'zero',
    useItem: (x :number ) => string
}
let usePotalGater: itemType = ('초심자 마을') => {
    if( itemObj.useItem(2) === '초심자 마을') {
        console.log('뉴비')
    }
    return itemObj.useItem(10)
}

 

Generic

함수에 타입파라미터를 넣을 수 있는 것을 말한다.

interface cookie {
    choco : number
};

function baking<MyType extends cookie>(el : MyType) {
    return el.length
}

let test = baking<string[]>(['delicious'])

 


계속해서 업데이트 예정...