ES6+ 문법

Es6 문법

1. let과 const가 추가: const는 var보다 강력하고 일단 사용되면 변수를 다시 할당할 수 없습니다. var가 hoisting이기 때문에 변수를 재할당하지 않으려면 항상 상수를 사용하는 것이좋다.

   var는 문제가 또, 옛날 문법은 변수선언을 다해놓으면 중간부분에

   let은 새로운 값을 가질 수도 있고 재할당할 수도 있습니다. 변경 가능한 변수가 생성된다.

2. Arrow function: 화살표 함수 , 더욱더 체계적이고 함수를 간략하게 표현함으로써 코드가 깔끔하게 보인다.

   1. map. filter, reduce 등의 내장함수와 함께 사용가능하다.

3. Array and object destructing(배열 및 객체 비구조화): 비구조화를 통해 배열 또는 객체의 값을 새 변수에 더 쉽게 할당할 수 있습니다.

4. Import Export를 사용하여 컴포넌트 파일 가져오기 내보내기 가능

5. Promise : API에서 데이터를 가져오거나 실행하는데 시간이 걸리는 함수를 가지고 있을 때 사용

   const practice = () => {
   	return new Promise((resolve, reject) => {
   		resolve('promise 성공');
   	});
   };
   
   cosole.log(myPromise());
   // Promise {<resolved>: "promise가 성공"}

Error function

callback 함수를 넣을 객체

hoisting

hoisting이란?

호이스트란, 변수의 정의가 그 범위에 따라 선언(declaration)/초기화(initialization)/할당 분리되는 것을 의미한다.

함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말한다.

• 자바스크립트 함수는 실행되기 전에 함수 안에 필요한 변수값들을 모두 모아서 유효 범위의 최상단에 선언한다.
  • 자바스크립트 Parser가 함수 실행 전 해당 함수를 한 번 훑는다.
  • 함수 안에 존재하는 변수/함수선언에 대한 정보를 기억하고 있다가 실행시킨다.
  • 유효 범위: 함수 블록 {} 안에서 유효