1. rest parameter 문법

• 파라미터가 몇 개 일지 모를 때, ... 로 rest parameter를 만들어주면 배열로 받을 수 있다.

function add(...a){
  console.log(a)
}

add(1,2,3,4,5)

2. rest parameter 문법 타입지정

• 배열로 받기 때문에 배열로 지정해주면 된다.

function add(...a:number[]){
  console.log(a)
}

add(1,2,3,4,5)

3. destructuring 문법

• 기존 코드에서는 object안에 있는 데이터를 하나씩 빼서 적었어야 한다. 그런데 ES6문법에서는 한번에 값을 빼서 저장할 수 있다. object와 array 자료형 모두에서 쓸 수 있는데, object는 변수 이름을 속성이름과 동일하게 해줘야 하고, array는 아니다.

• [기존코드]

  const people = { student : true, age : 20 }
  const student = people.student;
  const age = people.age
  

• [es6]

  const { student, age } = { student : true, age : 20 }
  const [a,b] = ["안녕", 100]
  

4. destructuring 문법 타입지정

• 상황: 함수가 destructuring문법을 통해 값을 받아오고 있다.

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

function makeUser({student, age}){
  console.log(student, age)
}
makeUser({ student : true, age : 20 })

• 타입지정 : destructuring문법을 사용하고 있더라도 기본적으로는 object이기 때문에 이에 상응하게 타입지정을 해주면 된다.

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

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

[연습장]

type userType = {
	user :string,
	comment :number[],
	admin :boolean,
}

const makeUser = ({user, comment, admin} : userType):void => {
	console.log(user, comment, admin);
}

makeUser( {user:"Kim", comment:[3,5,4], admin:false})

const wineMaker= ([year, type, isFree]:(number|string|boolean)[]):void => {
	console.log(year, type, isFree);
}

wineMaker([40, 'wine', false])