자바스크립트의 자체 호출 함수는 즉시 호출 함수 표현식(IIFE)으로 알려져 있습니다. IIFE(Immediate Invoked Function Expressions)는 정의된 직후에 실행되는 JavaScript 함수이므로 IIFE를 수동으로 호출할 필요가 없습니다.
다음은 JavaScript의 자체 호출 함수(IIFE)에 대한 코드입니다. −
예시
<!DOCTYPE html>
<html lang="javascript:void(0);en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.sample {
font-size: 18px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>JavaScript Immediately Invoked Function Expressions (IIFE)</h1>
<div class="sample"></div>
<script>
let sampleEle = document.querySelector(".sample");
(function () {
sampleEle.innerHTML = "This code is invoked immediately as soon as it is defined";
})();
</script>
</body>
</html> 출력
위의 코드는 다음과 같은 출력을 생성합니다 -
