[JS] ES6 문법 정리

1. ES6 이란?

JavaScript ES6 (ECMAScript 2015 또는 ECMAScript 6)은 ECMA-262 기술 규격에 따라 정의하고 있는 2015년에 도입된 최신 버전의 JavaScript를 말한다.

1. ES6은 어떤게 다를까?

1.1 let, const 키워드 추가

ES6 이후부터 var은 사용하지 않는 추세이며 재할당이 필요한 경우에만 let을 사용한다.

《 자세히 알아보기! 》

1.2 화살표 함수 추가

ES6 버전에서 화살표 함수를 사용하여 함수 표현식을 생성할 수 있다.

《 자세히 알아보기! 》

1.3 삼항 연산자 추가

if 문을 간단하게 표현하고 싶을 때 사용한다.

《 자세히 알아보기! 》

1.4 구조 분해 할당

• 배열[]이나 객체{}의 속성(값, 프로퍼티)을 분해해서 그 값을 변수에 담을 수 있게 해주는 문법이다.

• 객체나 배열에 저장된 데이터 일부를 사용하기 위해 사용한다.

《 자세히 알아보기! 》

1.5 단축 속성명 추가

단축 속성명 (property shorthand)을 사용하면, 객체(object)의 key와 value 값이 같다면, 생략이 가능하다!

《 자세히 알아보기! 》

1.6 나머지 매개변수와 전개 구문

《 자세히 알아보기! 》

1.7 템플릿 리터럴

템플릿 리터럴이란 따옴표 대신 백틱(``)을 사용해 문자열을 표기하는 방식을 말한다.

《 자세히 알아보기! 》

1.8 클래스 추가

프로토타입 문법(생성자, 상속 등)을 깔끔하게 작성할 수 있도록 class 문법이 도입되었다.

《 자세히 알아보기! 》

1.9 객체 리터럴

메소드에 콜론(:)이나 function을 붙이지 않아도 돼서 이전 보다 훨씬 간결해진 코드로 객체를 선언할 수 있다.

《 자세히 알아보기! 》

1.10 프로미스

프로미스란 내용이 실행은 되었지만 결과를 아직 반환하지 않은 객체를 말한다.

《 자세히 알아보기! 》