ES6 주요 문법

spread / rest 문법

spread 문법

주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때 사용한다.

function sum(x, y, z) {
  return x + y + z;
}

const numbers = [1, 2, 3];

sum(...numbers)

rest 문법

파라미터를 배열의 형태로 받아서 사용할 수 있다. 파라미터 개수가 가변적일 때 유용하다.

function sum(...theArgs) {
  return theArgs.reduce((previous, current) => {
    return previous + current;
  });
}

sum(1,2,3) // 질문: 어떤 값을 리턴하나요?
sum(1,2,3,4)

---

구조분해할당

분해 후 새 변수에 할당

배열

const [a, b, ...rest] = [10, 20, 30, 40, 50];

// 질문: a, b, rest는 각각 어떤 값인가요?

객체

const {a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40}
// 질문: a, b, rest는 각각 어떤 값인가요?

---

화살표 함수

함수표현식으로 함수를 정의할 때 function 키워드 대신 화살표 (=>)를 사용한다.

// 화살표 함수
const multiply = (x, y) => {
	return x * y;
}

• 매개변수가 한 개일 때, 소괄호 (())를 생략할 수 있다.
• 함수 코드 블록 내부가 하나의 문으로 구성되어 있다면 중괄호 ({})를 생략할 수 있다. 이때 코드블록 내부의 문이 값으로 평가될 수 있으면 return 키워드를 생략할 수 있다.