[ Typescript ] - 함수 rest 파라미터, default파라미터 & destructuring 할 때 타입지정

최문길·2023년 12월 21일
1

Typescript

목록 보기
13/23

Rest 파라미터 타입지정


function 함수(...rest : number[] ):void {
  console.log(a)
}

함수(1,2,3,4,5)

rest 파라미터는 항상 [ ] 배열안에 담겨오기 때문에 타입지정을

~~ [ ] 무슨무슨 배열로 지정해주자







default파라미터


type A = (x:1|string)=>void

const a :A = (x=1)=>console.log(x)
a('d')

default도 결국 내가 default 값을 넣어주기에 type에서 literal type으로 선언 해주면 되는 것 일 뿐







destructuring 문법도 함수 파라미터에 사용가능



let person = { student : true, age : 20 }

function 함수({student, age}){
  console.log(a, b)
}

함수(person)// 함수({ student : true, age : 20 })과 같다.

그러므로

let person = { student : true, age : 20 }

function 함수({student, age}:{student:boolean,age:number}){
  console.log(student, age)
}
함수(person)

좀 문법이 더러워 보일 수 있으니 type Alias를 사용하여


// type alias
type ExampleParam = {student:boolean,age:number}
type A = (param:ExampleParam)=>void
// 변수
let person = { student : true, age : 20 }

const 함수 : A = ({student,age})=>console.log(student,age)

함수(person)


0개의 댓글