-
ES2015+ (ES6)2018~2019/JavaScript 2018. 9. 21. 11:04
1. const, let
- var : 함수 스코프
- const, let : 블록 스코프
- 기본적으로 변수 선언 시 const 사용, 다른 값을 대입해야 하는 경우 let 사용
2. 템플릿 문자열
- ``으로 감싸는 문자열
- ${변수} 형식으로 변수를 더하기 기호 없이 문자열에 넣을 수 있음
- ex) `${num1} 더하기 ${num2}는 ${num3}`
3. 객체 리터럴
- 같은 객체의 메서드에 함수를 연결할 때 콜론과 function을 붙이지 않아도 됨
- 속성명과 변수명이 겹치는 경우에 한 번만 써도 됨
- 객체 속성명을 동적으로 생성할 수 있음
4. 화살표 함수
- () => {}
- 화살표 함수의 this는 함수의 문맥과 동일한 this를 갖는다.
- 따라서 this를 사용해야 하는 경우에는 화살표 함수와 함수 선언문 중 사용에 따라 적절히 선택해야 함
5. 비구조화 할당
- 객체와 배열로부터 속성이나 요소를 쉽게 꺼낼 수 있음
6. Promise
- 콜백 지옥 문제를 해결하기 위한 방안
- new Promise로 프로미스를 생성
7. async/await
- 비동기 코드를 작성하는 새로운 방법으로 노드 7.6버전부터 지원되는 기능
- non-blocking이며, 비동기 코드의 겉모습과 동작을 동기 코드와 비슷하게 만들어줌
'2018~2019 > JavaScript' 카테고리의 다른 글
Deploy a GraphQL server with Now (0) 2018.07.17 MongoDB 정리 (0) 2018.07.08 GraphQL + MongoDB 연동하기 (0) 2018.07.08 GraphQL 정리 (0) 2018.07.07