챌린지 16일차. 자바스크립트의 함수에 관한 여러가지 개념들을 정리하고 배워보는 시간이였다. 그 중에서도 자바스크립트를 배울 때에 여기저기서 언급이 많이 되는 개념들도 있기에 오늘은 배운 모든 것들을 정리하지는 않고 언급이 자주 되는 개념들만 쏙쏙 뽑아 정리를 해보았다.
즉시실행함수 (IIFE, Immediately-Invoked Function Expression)
const a = 7
function double() {
console.log(a * 2)
}
double();
14
(function () {
console.log(a * 2)
}) ()
14
즉시 실행하는 함수표현, 즉 어떤 특정한 함수를 즉시 실행하는 것이다. 어떤 익명의 함수를 즉시 실행하는 경우에 코드블럭 아래의 함수처럼 소괄호( )로 감싸서 즉시 실행 함수로 만들어 줄 수 있다. 따로 함수명을 정의하지않아도 익명의 함수를 만든 뒤 소괄호 2개를 사용하여 즉시 실행까지 해버릴 수 있게 된다. 단, 즉시 실행하는 함수의 범위를 확실하게 정의하기 위해 전후로 실행되는 함수에 세미콜론( ; )을 사용하여 구분을 해주어야한다.
호이스팅(Hoisting)
const a = 7
double( )
const double = function () {
console.log(a * 2)
}
Uncaught TypeError: double is not a funtion
const a = 7
double( )
function double() {
console.log(a * 2)
}
14
자바스크립트는 위에서부터 아래로 코드를 읽기때문에 함수 표현을 사용하였을 때에는 함수를 먼저 호출하는 것이 불가능하지만 함수 선언으로 바꾼다면 함수 선언 위에서 함수를 호출할 수 있다. 이것을 함수 선언부가 유효범위 최상단으로 끌어올려지는 현상, 호이스팅이 발생하여 함수가 실행되는 것이다. 호이스팅되는 것이 권장되는 것은 아니지만 때때로 유용하게 사용하는 경우가 있다.
패스트캠퍼스 [직장인 실무교육]
프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.
fastcampus.co.kr
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.
#패스트캠퍼스 #패캠챌린지 #직장인인강 #직장인자기계발 #패스트캠퍼스후기 #한번에끝내는프론트엔드개발초격차패키지online
