250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Node.js
- html
- 스크롤
- ArrayList
- ScrollToPlugin
- 연습문제
- prettier-code formatter
- JavaScript
- Algorithm
- quizlet
- 함수
- 단어장
- 데이터통신
- React
- scrolly
- 초연결사회의 데이터통신과 네트워킹
- 자바
- 라이브러리
- 백준
- 한빛아카데미
- JLPT
- 알고리즘
- 이벤트
- 자바스크립트
- reactjs code snippets
- 네트워킹
- gsap
- 일본어
- 초연결 사회의 데이터통신과 네트워킹
- java
Archives
- Today
- Total
umilove98의 블로그
IIFE(Immediately-Invoked Function Expression) 즉시실행함수 본문
language,framework,library/Javascript
IIFE(Immediately-Invoked Function Expression) 즉시실행함수
umilove98 2022. 10. 29. 20:50반응형
익명함수를 만들면서 바로 실행하고 싶을 때가 있다.
어떤 수에 10을 더하는 다음과 같은 함수가 있다고 하자
1
2
3
4
5
|
const a = 5
function ten(){
console.log(a + 10)
}
ten()
|
cs |
일반적인 방법으로는 이렇게 ten 이라는 이름의 함수를 생성한 후 해당 함수를 호출하는 방법으로 실행된다.
단 한번 만들어서 즉시 실행해버리고 싶은 경우에는
1
2
3
4
|
const a = 5
(function() {
console.log(a + 10)
}())
|
cs |
이러한 형태로 즉시 실행 함수를 동작시킬 수 있다.
이 때 자바스크립트 엔진이 즉시실행함수와 그 전의 코드를 명확하게 구분하지 못하여 에러가 발생할 수 있다.
이를 방지하기 위해 즉시실행함수를 사용할 때는 해당 코드의 앞 코드가 끝날 때 반드시 세미콜론(;)을 붙여 코드를 구분할 수 있게 하는 것으로 에러를 방지할 수 있다.
반응형
'language,framework,library > Javascript' 카테고리의 다른 글
Hoisting 호이스팅 (0) | 2022.10.29 |
---|---|
Arrow function => (0) | 2022.10.29 |
node.js 버전을 여러가지 관리하며 사용하고 싶다. NVM (0) | 2022.10.21 |
페이지 맨 위로 스크롤 하고 싶다 ScrollToPlugin (0) | 2022.10.21 |
gsap 자바스크립트로 애니메이션 효과 적용하기 (0) | 2022.10.13 |