함수의 rest파라미터와 destructuring타입지정

rest parameter에도 타입지정을 할 수 있다.

먼저 레스트파라미턴 파라미터에 여러개를 받고 싶을 때 ...a이렇게 ...을 이용해서 써주는 것이다.그리고 데이터는 []어레이로 저장해준다.

그러면 타입지정은

function 전부더하기(...a :number[]){
  console.log(a)
}

전부더하기(1,2,3,4,5)

...a는 어레이형태로 저장이 되기 때문에 타입지정도 어레이형태로 지정해주면 된다.

 

이제, destructuring를 알아보자.

let arr = ['안녕',100];
let 변수1 = arr[1];
let 변수2 = arr[2];

이렇게 변수에 각각 담기 귀찮아서 개발자들이

let [변수1, 변수2] = ['안녕',100];

이렇게 형태에 맞게 적어주면 각각 변수에 저장된다.

 

설명하는 이유는 가끔 함수파라미터에 destructuring를 쓰기 떄문이다.

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

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

위처럼 쓰며 , person이란 오브젝트를 넣는건데, 파라미터에 오브젝트형식으로 파라미터를 만들어서

student에 true가 age엔 20이 들어가게 된다.

즉

파라미터의{student, age} = {student:true, age:20}

이런 꼴이 된거다.

그리고 오브젝트이므로 오브젝트처럼 타입지정을 할 수 있다.