목록ES6 (2)
공부혜옹
ES6의 화살표 함수(Arrow function)는 function 키워드 대신 화살표(=>)를 사용하여 보다 간략하게 함수를 선언할 수 있다 화살표함수 작성 방법 매개변수 지정 매개변수가 없을 경우 () => { ... } 매개변수가 한개인경우 소괄호를 생략할 수 있다. x => { ... } 매개변수가 여러 개인 경우 소괄호를 생략할 수 없다. (x, y) => { ... } 함수 몸체 지정 single line인 경우 함수가 한줄이라면 중괄호 생략가능 암묵적으로 return x => { return 2 + x } x => 2 + x multi line인 경우 () => { const x = 5; return 2 + x; }; ES6 코드 사용 사례 & 효과 일반적인 함수 표현식보다 표현이 간결하다...
let & const 대부분의 프로그래밍 언어는 블록 레벨 스코프(Block-level scope)를 따르지만 자바스크립트는 함수 레벨 스코프(Function-level scope)를 따른다. 함수 레벨 스코프(Function-level scope) 함수 내부에서 선언한 변수는 지역 변수이며 함수 외부에서 선언한 변수는 모두 전역 변수이다. 블록 레벨 스코프(Block-level scope) 모든 코드 블록(함수, if 문, for 문, while 문, try/catch 문 등) 내에서 선언된 변수는 코드 블록 내에서만 유효하며 코드 블록 외부에서는 참조할 수 없다. 즉, 코드 블록 내부에서 선언한 변수는 지역 변수이다. let과 const 키워드 도입배경 사용이 편리하다는 장점이 있지만 전역 변수는 유..