ES6 문법정리

ES6는 ECMAScript의 약자이며 ECMAScript는 자바스크립트의 표준, 규격을 나타내는 용어이며 자바스크립트의 버전을 의미한다.

const와 let

기존에 변수를 선언할 때는 var를 사용하였는데, 이것을 재할당이 가능한 let과 상수인 const로 나누었다.

let name = "toktokhan";

name = "dev";

console.log(name); //dev

화살표함수

function 키워드 없이 함수를 정의할 수 있으며, return키워드 없이 식을 계산한 값이 자동으로 return 된다.

function cal(number) {
  return 4 + number;
}
console.log(cal(3));
// 7출력

const cal = (number) => 4 + number;
console.log(cal(3));
//동일하게 7출력

비구조화 할당

ES6에서는 중괄호를 이용해서 간단하게 객체안의 속성을 변수로 생성할 수 있다.

const user = {
	age : 20
}
const {age} = user;
//age라는 변수 생성

console.log(age);
//20

for…of 문

for문에 of라는 기능이 새롭게 추가되었다.

const arr = [1, 2, 3];

//es5
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

//es6
for (const value of iterable) {
  console.log(value);
}

Spread Operator

ES6부터는 객체나 배열의 값을 ...을 붙임으로써 그대로 옮길 수 있다.

#사용하기 전
const obj = {a : "a", b : "b"};
const newObj = {obj};

console.log(newObj);
//{ obj: { a: 'a', b: 'b' } }

#사용했을 때
const obj = {a : "a", b : "b"};
const newObj = {obj};

console.log(newObj);
//{a : "a", b : "b"}

Default Parameter(기본 매개변수)

ES6부터는 다음처러 매개변수의 기본값을 설정할 수 있다.

const test = (data) =>{
    console.log(data);
}

test();

# 매개변수 기본값 설정
const test = (data="hello") =>{
    console.log(data);
}

test();
// hello