추가적인 자바스크립트공부

이전의 웹 프론트엔드 개발시에 자바스크립트를 사용하였는데, 그 때와는 다른 신텍스 몇가지를 발견하게 되어서 정리하게 되었습니다.

바로 const 와 () ==> 코드가 제가 처음 발견하게 된 것인데,. 이것은 자바스크립트의 새로운 표준인 ECMAScript 2015(ES6) 문법입니다.

1. const

지금까지의 자바스크립트(ES5)에서는 변수를 선언하기 위해 var 키워드를 사용했습니다. 이것은 함수 스코프 적용을 받는 변수를 뜻하는데요, 함수 스코프란 쉽게말하자면 함수 안에서 선언된 변수를 함수 전체에서 사용할 수 있다는 뜻입니다. 다시말하자면 함수 안에서 사용된 변수를 기본적으로 자바스크립트 엔진에 의해서 함수 초기에 변수 호스팅을 한 후에 각 위치에서 사용되는 것이죠!

반면에 let 과 const 는 함수 스코프가 아닌 블록 스코프(여기서 블록은 중괄호를 의미)에 영향을 받게 되는데요, 다시 말하자면 한 블록안에서 선언된 변수들은 같은 블록 안에서만 사용할 수 있다는 것입니다. 예를 들면, 같은 함수 내의 A 블록, B 블록 으로 나뉘어져있다면 각 블록 안의 let과 const를 사용한 변수 설정들은 다른 블록에서 참조 불가능하게 되는 것이죠 :)

2. Arrow Function

ES6에는 익명 함수를 선언할 때 () ==> {}와 같은 표현법을 사용할 수 있게 되는데, 이것은 에로우 함수(Arrow function)

라고 합니다. function 키워드를 간단히 줄여놓은 문법인데, 이것은 콜백이 많은 비동기 코드에서 사용하면 가독성이 뛰어납니다.