[FE/JS] JavaScript ES6 문법정리

2021.03.14

4일차

 

입사 7일차.

ES5 문법만 사용하다보니 React를 공부할 때 너무 힘들다.

ES6는 반드시 공부해야만 하는 내용이었다.

 

 

1. Template String

  ① $를 사용. 백틱(`) 안에 ${변수명} 또는 ${메소드명}을 입력하면 변수의 값 또는 메소드의 값이 출력된다.

  ② 작은따옴표(‘)가 아닌 백틱(Esc 밑의 버튼)을 사용해야만 한다.

  ③ 백틱안에 변수나 메소드를 사용할 수 있기 때문에 +를 사용하지 않고 가독성을 높일 수 있다.

  ④ ES6에 새로 추가된 문법.

 

 

2. 객체 확장 표현식

  ① 객체의 변수를 선언할 때, 키값을 생략하면 자동으로 키의 이름으로 키값을 지정한다.

  ② ES6에 새로 추가된 문법.

 

  ③ 메소드 작성 시, function을 제외하고 작성할 수 있다.

 

 

3. for of

  ① for of ( const 변수명 of 배열명 )

  ② Iterator와 같은 기능이다.

  ③ ES6에 새로 추가된 문법.