ES6 문법

2015년에 발표된 JavaScript 버전.
대규모 문법적 향상 및 변경이 있었기 때문에 자주 언급된다

1. let, const

이전에는 var만 사용

2. arrow function

화살표 함수

3. 삼항 연산자

4. 구조분해할당

구조 분해 할당

5. 단축 속성명 : property shorthand

객체를 정의할 때 키값 === 변수이름 일 때, 하나만 써준다.

const name = 'nbc';
const age = '30';

const obj1 = {
  name: name,
  age: age,
};

// 단축 속성명을 사용
const obj2 = {
  name,
  age,
};

6. 전개 구문 : spread operator

const arr = [0, 1, 2];
console.log(arr); // [ 0, 1, 2 ]
console.log(...arr); // 0 1 2

// 배열에 원소 추가
console.log([...arr, 3, 4]); // [0, 1, 2, 3, 4]

console.log()

// 함수 매개변수에서 사용
function print(...args) {
  console.log(args);
}

print(1, 2, 3, 4, 5); // [ 1, 2, 3, 4, 5 ]

// 객체에 원소 추가
const obj = { name: '한별' };
console.log({ ...obj, age: 24, birth: '1230' }); // { name: '한별', age: 24, birth: '1230' }

7. 템플릿 리터럴

const name = '한별';
console.log(`안녕하세요 ${name}입니다`); // 안녕하세요 한별입니다