Computer >> Computer tutorials >  >> Programming >> Javascript

JavaScript Immediately Invoked Function Expressions (IIFE)


The JavaScript Immediately Invoked Function Expressions (IIFE) is a JavaScript function that executes immediately after it has been defined so there is no need to manually invoke IIFE.

Following is the code for Immediately Invoked Function Expressions (IIFE) in JavaScript −

Example

<!DOCTYPE html>
<html lang="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>

Output

JavaScript Immediately Invoked Function Expressions (IIFE)