ECMAScript6(ES6)는 2015년에 발표된 자바스크립트의 버전을 의미한다.
이 글은 ES6에서 새롭게 추가된 문법을 다룬다.
let과 const의 등장
이 둘과 var의 차이에 대해서는 이 글에서 이미 다룬 바 있다.
화살표 함수
화살표 함수도 이 글에서 다뤘다.
삼항 연산자
또한 화살표 함수와 같은 글에서 다루었다.
구조분해할당
배열
let arr = ["one", "two"]
let [1,2,3,4] = arr;길이가 안 맞아도 undefined로 넣어준다.
객체
기본
//변수 name에 "해피" age에 1이 할당됨
let {name, age} = {
name: "해피",
age: 1,
};새로운 이름의 변수에 할당
let user = {
name: "해피",
age: 1,
}
//입력이 없을 시의 초기값도 설정 가능
let {name: newname, age: newage, birthday="today"} = user;단축 속성명
let name = "이름";
let age = 100;
//변수명과 key가 같으면 생략 가능
let obj = { name, age };
console.log(obj); //{ name: '이름', age: 100 }전개 구문
이 글에서 처음 봤던 spread operator는 배열에도 사용할 수 있다.
...을 붙이면 괄호 안의 내용을 뜻한다.
나머지 매개변수
매개변수 자리에는 ...배열명 을 붙여야 나머지 매개변수로 인식하고,
로직에서 이를 활용할 때는 ...을 붙이지 않으면 배열로 출력된다.
function example(a, b, c, ...args){}템플릿 리터럴
문자열을 사용할 때 ``을 사용하면 여러 줄도 작성할 수 있다.
이 때,
let name = "Sam"
let a = `Hi, I am ${name}.`
console.log(a) //Hi, I am Sam.중간에 ${}을 넣어 다른 값도 넣을 수 있다.
