알게 모르게 ES6 문법을 많이 사용하고 있었다. 그 중에서 자주 쓰지 않았던(몰랐던), 혹은 앞으로 자주 쓸 것 같은 내용들을 적어본다.
화살표 함수
- 함수의 가독성을 높이기 위해 ES6 부터 도입된 개념
const add1 = function(x, y) {
return x + y;
}
const add2 = (x, y) => {
return x + y;
}
const add3 = (x, y) => x + y;add1, add2, add3 함수는 모두 같은 의미를 갖고 있고, 모두 x + y를 return 하는 함수이다. 훨씬 직관적이고 간결함을 볼 수 있다.
또한 인자가 한 개일 경우, 아래 예시처럼 소괄호도 생략 가능하다.const square = x => x ** 2;
구조 분해 할당
- MDN 정의 : 배열이나 객체의 속성을 해체하여, 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식
- ?
- 무슨 말인 지 모를 땐 예시가 답 !
let a, b, rest; // 참고로 const로 선언 시엔 이렇게 할당 없이 변수명만 선언하는 것은 불가능하다.
// let은 재할당이 가능해서 이렇게 쓸 수 있는 것.
1. [a, b] = [10, 20];
console.log(a); // 10
console.log(b); // 20
2. [a, b, ...rest] = [10, 20, 30, 40, 50];
console.log(rest); // [30, 40, 50]
3. {a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40};
console.log(a); // 10
console.log(rest); // {c: 30, d: 40}