오늘의 공부 👍

오늘은 ES6가 무엇인지, 그리고 ES6의 특징을 알아보겠습니다.

📝 ES6의 특징

1. ES란 ECMAScript의 약자이며 자바스크립트의 표준, 규격을 나타내는 용어 그 뒤의 숫자는 버전을 나타낸다

2. var let const의 차이

   • var - 함수 스코프, 호이스팅 가능, 재선언 가능, 재할당 가능
   • let - 블록 스코프, 재선언 불가, 재할당 가능
   • const - 블록 스코프, 재선언 불가, 재할당 불가(상수), 반드시 선언과 동시에 할당

3. 기본(default) parameters

   • 함수의 파라미터 정의 부분에 기본값 선언 가능

   const ma = (a, b = 1) => {
   return a + b;
   }
   
   ma(1) // 1 + 1 = 2

4. Multi-line strings

   • Template Literals를 이용, 문자열에 개행 가능

5. Destructing Assignment

   • 배열이나 객체의 속성을 분해, 그 값을 변수에 담을 수 있게 하는 표현식

   const array = [3, 5, 2, 1, 6];
   const [a, b] = array; 
   // const a = 3;
   // const b = 5; 와 동일

6. Enhanced Object Literals

   • ES6 이전 객체 정의 방식을 개선한 문법

7. 화살표 함수

   • 화살표 함수 표현은 메소드 함수가 아닌 곳에 가장 적합

8. Promises

   • Javascript 비동기 처리에 사용되는 객체
   • promise의 상태
     - Pending (대기) : Promise 생성 시
     - Fullfilled (이행) : resolve 실행 시
     - Rejected (실패) : reject 실행 시
     

9. Classes

   • ES6부터 JS도 class와 class상속을 지원

10. Modules

    • JS의 새 기능
    • import, export를 이용해 내보내거나 불러올 수 있음

마무리 👍

ES6라는 것이 어떤건지 감도 안잡혔는데 블로그를 정리하며 자료를 찾아보니까 어느정도는 알 거 같습니다.

블로그를 적으면서 참고한 사이트
참고 : https://hanamon.kr/javascript-es6-%EB%AC%B8%EB%B2%95/
참고 : https://ooeunz.tistory.com/88