💎  JS기본상식 (ES6의 특징)

ES6 란 무엇인가?

• 우선 ES란 ECMAScript의 약자로 자바스크립트의 표준, 규격을 나타내는 용어임
• ES 뒤의 숫자는 버전을 뜻하는 것으로 ES6은 버전 6을 의미하며, 2015년에 출시되었고 표준에 많은 변화가 있었음

대표적으로 아래 몇가지로 요약해봄:

1. let, const

• 기존에는 var를 통해서 변수를 선언하고 할당했지만, ES6부터는 let과 const가 지원됨.
• let은 재선언 불가, 재할당 가능한 변수이고 const는 재선언 불가, 재할당 불가능한 변수임.

2. 템플릿 리터럴

• 백틱(Back tick)을 지원.
• 기존에 자바스크립트 변수를 문자열과 함께 쓰기위해서는 +를 통해서 연결해주어야 했지만, 템플릿 리터럴이 지원되며 한번에 나타낼 수 있게 되었음.
• 사용방법은 나타내고자 하는 문자열을 백틱으로 감싸고, 중간에 자바스크립트 표현식을 사용하고 싶다면 해당 변수를 ${} 로 묶어 표현이 가능함.

3. 객체 리터럴

• 객체 안에 함수를 사용하는 것이 가능해졌음.
• 이전보다 간결해진 코드로 객체를 선언하는 것이 가능해졌음.

4. 화살표 함수

• 함수표현식을 화살표 함수로 간결하게 표현 가능해졌음.
• 화살표 함수를 통해 만들어진 본문에 return 만 있는 경우 return과 {}를 생략할 수 있음.

5. 구조 분해 할당

• 말 그대로 구조를 분해해서 할당하겠다는 뜻으로 객체나 배열에서 사용됨.
• 값을 해체하고, 각각 개별 값을 변수에 새로 할당하는 과정을 의미함.

6. Promise

• 이전에는 비동기를 처리하기 위해서 callback 함수를 이용한 콜백패턴을 통하였는데 콜백헬을 발생시키는 문제가 있었음.
• 이를 해결하기 위해 프로미스가 도입되었고, 프로미스 후속처리 메소드를 이용해서 에러 처리를 효과적으로 할 수 있게 되었음.

7. Class

• 자바스크립트는 프로토타입 기반의 객체지향언어로 클래스 기반의 객체 지향 프로그래밍을 지원하도록 Class 키워드를 도입하였음.
• Class의 도입으로 상속 등의 개념을 적용할 수 있어 더 좋은 가독성을 가진 코드를 만들어 낼 수 있게됨.

8. String 함수

• includes, startsWith, endsWith 함수가 새로 추가됨.

9. Multi-line String

• 문자열이 라인을 넘어가게 되면 개행부호와 덧셈을 통해서 사용해야했지만, 백틱이 지원되며 여러 줄 문자의 관리가 편해졌음.

10. Module

• 모듈이란 재사용을 위한 코드 조각으로 자세한 사항은 캡슐화를 통해서 감추고, API부분만 외부에 노출하여 코드의 재사용성을 증가시켰음.

출처:
https://velog.io/@quin1392/ES6%EC%9D%98-%ED%8A%B9%EC%A7%95
https://fz7948.tistory.com/56

---

(영문 해석)

• ECMAScript 6, also known as ECMAScript 2015, is the latest version of the ECMAScript standard. ES6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009.

ES6 includes the following new features:

-arrows
-classes
-enhanced object literals
-template strings
-destructuring
-default + rest + spread
-let + const
-iterators + for..of
-generators
-unicode
-modules
-module loaders
-map + set + weakmap + weakset
-proxies
-symbols
-subclassable built-ins
-promises
-math + number + string + array + object APIs
-binary and octal literals
-reflect api
-tail calls

Source:
https://github.com/lukehoban/es6features