2.12 IIFE
IIFE āĻāĻžāĻāĻžāĻ¸ā§āĻā§āĻ°āĻŋāĻĒā§āĻā§āĻ° āĻ āĻ¨ā§āĻ¯āĻ¤āĻŽ āĻāĻ¨āĻĒā§āĻ°āĻŋāĻ¯āĻŧ āĻāĻāĻāĻŋ āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻĒā§āĻ¯āĻžāĻāĻžāĻ°ā§āĻ¨āĨ¤ āĻāĻāĻŋ āĻāĻĢāĻŋ āĻŦāĻ˛ā§āĻ āĻāĻā§āĻāĻžāĻ°āĻŖ āĻāĻ°ā§āĨ¤ IIFE āĻāĻžāĻāĻžāĻ¸ā§āĻā§āĻ°āĻŋāĻĒā§āĻ āĻāĻŽāĻŋāĻāĻ¨āĻŋāĻāĻŋ āĻĻā§āĻ°ā§āĻāĻĻāĻŋāĻ¨ āĻ§āĻ°ā§ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°ā§ āĻāĻ¸āĻā§ āĻāĻŋāĻ¨ā§āĻ¤ā§ āĻāĻ° āĻŽāĻŋāĻ¸āĻ˛āĻŋāĻĄāĻŋāĻ āĻļāĻŦā§āĻĻāĻāĻŋ āĻāĻŋāĻ˛ âāĻ¸ā§āĻ˛āĻĢ-āĻāĻā§āĻ¸āĻŋāĻāĻŋāĻāĻāĻŋāĻ āĻāĻ¨ā§āĻ¨āĻŋāĻŽāĻžāĻ¸ āĻĢāĻžāĻāĻļāĻ¨â āĻ¯āĻž āĻĒāĻ°āĻŦāĻ°ā§āĻ¤ā§āĻ¤ā§Â Ben Alman āĻāĻāĻŋāĻ° āĻāĻāĻāĻŋ āĻāĻĒāĻ¯ā§āĻā§āĻ¤ āĻ¨āĻžāĻŽ āĻĻāĻŋāĻ¯āĻŧā§āĻā§āĻ¨ âIIFEâāĨ¤ āĻāĻāĻā§ āĻāĻāĻžāĻ° āĻ¸āĻŽā§āĻĒāĻ°ā§āĻā§ āĻŦāĻŋāĻ¸ā§āĻ¤āĻžāĻ°āĻŋāĻ¤ āĻ˛ā§āĻāĻžāĻ° āĻā§āĻˇā§āĻāĻž āĻāĻ°āĻŦā§āĨ¤
IIFE āĻāĻŋ?
IIFE â āĻāĻ° āĻĒā§āĻ°ā§āĻŖāĻ°ā§āĻĒ āĻšāĻā§āĻā§ Immediately Invoked Function ExpressionāĨ¤ IIFE āĻšāĻ˛ āĻāĻāĻāĻŋ āĻĢāĻžāĻāĻļāĻ¨ āĻ¯āĻž āĻāĻāĻāĻŋ āĻāĻā§āĻ¸āĻĒā§āĻ°ā§āĻļāĻ¨ āĻšāĻŋāĻ¸āĻžāĻŦā§ āĻĄāĻŋāĻā§āĻ˛ā§ā§āĻžāĻ° āĻāĻŦāĻ āĻĄāĻŋāĻā§āĻ˛ā§ā§āĻžāĻ°ā§āĻļāĻ¨ā§āĻ° āĻĒāĻ°āĻĒāĻ°āĻ āĻāĻā§āĻ¸āĻŋāĻāĻŋāĻāĻ āĻāĻ°āĻž āĻšāĻ¯āĻŧāĨ¤
IIFE āĻ¸āĻŋāĻ¨āĻā§āĻ¯āĻžāĻā§āĻ¸āĻ
āĻ¨āĻŋāĻŽā§āĻ¨āĻ˛āĻŋāĻāĻŋāĻ¤ āĻ¸āĻŋāĻ¨āĻā§āĻ¯āĻžāĻā§āĻ¸ āĻĻā§āĻāĻžāĻ¯āĻŧ āĻāĻŋāĻāĻžāĻŦā§ IIFE āĻĄāĻŋāĻĢāĻžāĻāĻ¨ āĻāĻ°āĻ¤ā§ āĻšā§āĻ
(function () {
// code goes here...
})();
āĻāĻĒāĻ¨āĻŋ arrow function āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°ā§āĻ IIFE āĻĄāĻŋāĻĢāĻžāĻāĻ¨ āĻāĻ°āĻ¤ā§ āĻĒāĻžāĻ°āĻŦā§āĻ¨āĨ¤
(() => {
// code goes here...
})();
IIFE āĻā§āĻ¨?
āĻ¯āĻāĻ¨ āĻāĻĒāĻ¨āĻŋ āĻāĻāĻāĻŋ āĻĢāĻžāĻāĻļāĻ¨ āĻĄāĻŋāĻĢāĻžāĻāĻ¨ āĻŦāĻž āĻĄāĻŋāĻā§āĻ˛ā§ā§āĻžāĻ° āĻāĻ°ā§āĻ¨, āĻāĻžāĻāĻžāĻ¸ā§āĻā§āĻ°āĻŋāĻĒā§āĻ āĻāĻā§āĻāĻŋāĻ¨ āĻā§āĻ˛ā§āĻŦāĻžāĻ˛ āĻ āĻŦāĻā§āĻā§āĻā§āĻ° āĻ¸āĻžāĻĨā§ āĻĢāĻžāĻāĻļāĻ¨āĻā§ āĻ¯ā§āĻ āĻāĻ°ā§āĨ¤ āĻāĻāĻāĻāĻžāĻŦā§, āĻ¯āĻĻāĻŋ āĻāĻĒāĻ¨āĻŋ āĻĢāĻžāĻāĻļāĻ¨ā§āĻ° āĻŦāĻžāĻāĻ°ā§ āĻāĻāĻāĻŋ āĻā§āĻ°āĻŋāĻ¯āĻŧā§āĻŦāĻ˛ āĻĄāĻŋāĻā§āĻ˛ā§ā§āĻžāĻ° āĻāĻ°ā§āĻ¨, āĻāĻžāĻāĻžāĻ¸ā§āĻā§āĻ°āĻŋāĻĒā§āĻ āĻāĻā§āĻāĻŋāĻ¨ āĻ āĻā§āĻ°āĻŋāĻ¯āĻŧā§āĻŦāĻ˛āĻā§ āĻā§āĻ˛ā§āĻŦāĻžāĻ˛ āĻ āĻŦāĻā§āĻā§āĻā§āĻ° āĻ¸āĻžāĻĨā§ āĻ¯ā§āĻ āĻāĻ°ā§āĨ¤ āĻ¨āĻŋāĻŽā§āĻ¨āĻ˛āĻŋāĻāĻŋāĻ¤ āĻāĻĻāĻžāĻšāĻ°āĻŖ āĻĻā§āĻā§āĻ¨āĻ
var num = 7;
function sum(a, b) {
return a + b;
}
console.log(window.sum);
/**
Æ sum(a,b) {
return a + b;
}
*/
console.log(window.num); // 7
āĻ¯āĻĻāĻŋ āĻāĻĒāĻ¨āĻžāĻ° āĻĒā§āĻ°ā§āĻā§āĻ°āĻžāĻŽā§ āĻ āĻ¨ā§āĻ āĻā§āĻ˛ā§āĻŦāĻžāĻ˛ āĻā§āĻ°āĻŋāĻ¯āĻŧā§āĻŦāĻ˛ āĻāĻŦāĻ āĻĢāĻžāĻāĻļāĻ¨ āĻĨāĻžāĻā§, āĻ¤āĻžāĻšāĻ˛ā§ āĻāĻĒāĻ¨āĻžāĻ° āĻĒā§āĻ°ā§āĻā§āĻ°āĻžāĻŽ āĻāĻ¨āĻāĻĢāĻŋāĻļāĻŋā§ā§āĻ¨ā§āĻāĻ˛āĻŋ āĻŽā§āĻŽā§āĻ°āĻŋ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻ¤ā§ āĻĒāĻžāĻ°ā§ āĻāĻŦāĻ āĻāĻĒāĻ¨āĻžāĻ° āĻā§āĻ˛ā§āĻŦāĻžāĻ˛ āĻā§āĻ°āĻŋā§ā§āĻŦāĻ˛ āĻāĻŦāĻ āĻĢāĻžāĻāĻļāĻ¨āĻā§āĻ˛āĻŋ āĻ āĻ¨ā§āĻ¯ āĻā§āĻ¨ āĻ˛āĻžāĻāĻŦā§āĻ°ā§āĻ°ā§āĻ° āĻ¸āĻžāĻĨā§ āĻāĻ¨āĻĢā§āĻ˛āĻŋāĻā§āĻ āĻāĻ°āĻ¤ā§ āĻĒāĻžāĻ°ā§ āĻ¯āĻĻāĻŋ āĻ āĻ˛āĻžāĻāĻŦā§āĻ°ā§āĻ°ā§āĻ¤ā§ āĻāĻāĻ āĻ¨āĻžāĻŽā§ āĻā§āĻ°āĻŋā§ā§āĻŦāĻ˛ āĻāĻŦāĻ āĻĢāĻžāĻāĻļāĻ¨ āĻĨāĻžāĻā§āĨ¤ āĻĢāĻžāĻāĻļāĻ¨ āĻāĻŦāĻ āĻā§āĻ°āĻŋāĻ¯āĻŧā§āĻŦāĻ˛āĻā§āĻ˛āĻŋāĻā§ āĻā§āĻ˛ā§āĻŦāĻžāĻ˛ āĻ āĻŦāĻā§āĻā§āĻ āĻāĻ¨āĻĢā§āĻ˛āĻŋāĻā§āĻ āĻāĻ°āĻž āĻĨā§āĻā§ āĻŦāĻŋāĻ°āĻ¤ āĻ°āĻžāĻāĻžāĻ° āĻāĻāĻāĻŋ āĻāĻĒāĻžāĻ¯āĻŧ āĻšāĻ˛ IIFE āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻžāĨ¤
āĻ¨ā§āĻāĻŽāĻĄ IIFE:
(function domeSomeMagic() {
// code goes here...
})();
IIFE āĻ¸ā§āĻŽāĻŋāĻā§āĻ˛āĻ¨ āĻĻāĻŋā§ā§āĻ āĻļā§āĻ°ā§ āĻšāĻ¤ā§ āĻĒāĻžāĻ°ā§āĨ¤ āĻ¯ā§āĻŽāĻ¨:
(function () {
// code goes here...
})();
āĻāĻ āĻ¸āĻŋāĻ¨āĻā§āĻ¯āĻžāĻā§āĻ¸ā§, āĻĻā§āĻ āĻŦāĻž āĻ¤āĻ¤ā§āĻ§āĻŋāĻ āĻāĻžāĻāĻžāĻ¸ā§āĻā§āĻ°āĻŋāĻĒā§āĻ āĻĢāĻžāĻāĻ˛āĻā§ āĻāĻāĻ āĻĢāĻžāĻāĻ˛ā§ āĻŦāĻžāĻ¨ā§āĻĄāĻ˛ āĻāĻ°āĻžāĻ° āĻāĻ¨ā§āĻ¯ā§ āĻ¸ā§āĻā§āĻāĻŽā§āĻ¨ā§āĻāĻāĻŋ āĻļā§āĻˇ āĻāĻ°āĻ¤ā§ āĻ¸ā§āĻŽāĻŋāĻā§āĻ˛āĻ¨ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻž āĻšāĻ¯āĻŧāĨ¤ āĻāĻĻāĻžāĻšāĻ°āĻŖāĻ¸ā§āĻŦāĻ°ā§āĻĒ, āĻāĻĒāĻ¨āĻžāĻ° āĻĻā§āĻāĻŋ āĻĢāĻžāĻāĻ˛ āĻāĻā§ file1.js āĻāĻŦāĻ file2.js āĻ¯āĻž IIFE āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°ā§āĨ¤
/**
* file1.js
*/
(function () {
// ...
})();
/**
* file2.js
*/
(function () {
// ...
})();
āĻ¯āĻĻāĻŋ āĻāĻĒāĻ¨āĻŋ āĻāĻāĻāĻŋ āĻā§āĻĄ āĻŦāĻžāĻ¨ā§āĻĄāĻ˛āĻžāĻ° āĻā§āĻ˛ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°ā§ āĻāĻāĻ¯āĻŧ āĻĢāĻžāĻāĻ˛āĻā§āĻ˛āĻŋāĻ° āĻā§āĻĄāĻā§ āĻāĻāĻāĻŋ āĻāĻāĻ āĻĢāĻžāĻāĻ˛ā§āĻ° āĻā§āĻĄ āĻāĻ¨āĻā§āĻ āĻāĻ°āĻ¤ā§ āĻāĻžāĻ¨ āĻ¸ā§āĻŽāĻŋāĻā§āĻ˛āĻ¨ (;) āĻāĻžāĻĄāĻŧāĻž, āĻāĻ¨āĻāĻžāĻ¨ā§āĻā§āĻĄ āĻā§āĻĄāĻāĻŋ āĻāĻāĻāĻŋ Uncaught TypeError: (intermediate value)(âĻ) is not a function āĻ¸āĻŋāĻ¨āĻā§āĻ¯āĻžāĻā§āĻ¸ āĻāĻ°ā§āĻ° āĻĻāĻŋāĻŦā§āĨ¤
āĻ§āĻ°ā§āĻ¨ āĻāĻĒāĻ¨āĻžāĻ° āĻ¨āĻŋāĻŽā§āĻ¨āĻ˛āĻŋāĻāĻŋāĻ¤ āĻĢāĻžāĻāĻļāĻ¨ āĻ¸āĻš math.js āĻ¨āĻžāĻŽā§ āĻāĻāĻāĻŋ āĻ˛āĻžāĻāĻŦā§āĻ°ā§āĻ°āĻŋ āĻāĻā§ āĻāĻŦāĻ āĻāĻāĻāĻŋ HTML āĻĢāĻžāĻāĻ˛ā§ math.js āĻ˛ā§āĻĄ āĻāĻ°ā§āĻ¨āĻ
function add(a, b) {
return a + b;
}
function sub(a, b) {
return a - b;
}
function mult(a, b) {
return a * b;
}
function div(a, b) {
return a / b;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>JavaScript IIFE</title>
</head>
<body>
<script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" data-wpmeteor-type="text/javascript" data-wpmeteor-src="math.js">x</script>
<script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" data-wpmeteor-type="text/javascript" data-wpmeteor-src="anotherLibrary.js">x</script>
<script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" data-wpmeteor-type="text/javascript" data-wpmeteor-src="app.js">x</script>
</body>
</html>
function sub() {
return "sub";
}
let result = sub(30, 20);
console.log(result); // sub
var math = (function () {
function add(a, b) {
return a + b;
}
function sub(a, b) {
return a - b;
}
function mult(a, b) {
return a * b;
}
function div(a, b) {
return a / b;
}
return {
add: add,
sub: sub,
mult: mult,
div: div,
};
})();
var result = math.sub(30, 20);
console.log(result); // 10
console.log(sub()); // sub
āĻĒā§āĻ°āĻĨāĻŽ sub() āĻĢāĻžāĻāĻļāĻ¨āĻā§ math.sub() āĻĻāĻŋā§ā§ āĻāĻ¨āĻā§āĻ āĻāĻ°āĻž āĻšā§ā§āĻā§ āĻ¯ā§āĻāĻŋ math.js āĻĨā§āĻā§ āĻāĻā§āĻ¸āĻĒā§āĻ°ā§āĻ āĻāĻ°āĻž āĻ āĻ¨ā§āĻ¯āĻĻāĻŋāĻā§ āĻĻā§āĻŦāĻŋāĻ¤ā§āĻ¯āĻŧ sub() āĻĢāĻžāĻāĻļāĻ¨āĻā§ anotherLibrary.js āĻĨā§āĻā§ āĻāĻ¨āĻā§āĻ āĻāĻ°āĻž āĻšā§ā§āĻā§āĨ¤
IIFE āĻāĻ° āĻ¸ā§āĻŦāĻŋāĻ§āĻžāĻ
- āĻ āĻĒā§āĻ°āĻ¯āĻŧā§āĻāĻ¨ā§āĻ¯āĻŧ āĻā§āĻ˛ā§āĻŦāĻžāĻ˛ āĻā§āĻ°āĻŋāĻ¯āĻŧā§āĻŦāĻ˛ āĻāĻŦāĻ āĻĢāĻžāĻāĻļāĻ¨ āĻ¤ā§āĻ°āĻŋ āĻāĻ°ā§ āĻ¨āĻžāĨ¤
- IIFE āĻ¤ā§ āĻĄāĻŋāĻĢāĻžāĻāĻ¨ āĻāĻ°āĻž āĻĢāĻžāĻāĻļāĻ¨ āĻ āĻā§āĻ°āĻŋāĻ¯āĻŧā§āĻŦāĻ˛ āĻ āĻ¨ā§āĻ¯ āĻĢāĻžāĻāĻļāĻ¨ āĻāĻŦāĻ āĻā§āĻ°āĻŋāĻ¯āĻŧā§āĻŦāĻ˛ā§āĻ° āĻ¸āĻžāĻĨā§ āĻāĻ¨āĻĢā§āĻ˛āĻŋāĻā§āĻ āĻāĻ°ā§ āĻ¨āĻžāĨ¤ āĻāĻŽāĻ¨āĻāĻŋ āĻ¤āĻžāĻĻā§āĻ° āĻāĻāĻ āĻ¨āĻžāĻŽ āĻĨāĻžāĻāĻ˛ā§āĻāĨ¤
- āĻāĻžāĻāĻžāĻ¸ā§āĻā§āĻ°āĻŋāĻĒā§āĻā§āĻ° āĻā§āĻĄ āĻ āĻ°ā§āĻāĻžāĻ¨āĻžāĻāĻ āĻāĻ°ā§āĨ¤
- āĻāĻžāĻāĻžāĻ¸ā§āĻā§āĻ°āĻŋāĻĒā§āĻ āĻā§āĻĄ āĻŽā§āĻāĻ¨ā§āĻāĻžāĻ¨āĻžāĻŦāĻ˛ āĻāĻ°ā§āĨ¤
- Normally, IIFE does not require a name. But even when we name an IIFE, it keeps on working.
- Execute an async function
- IIFE that Takes Arguments(function (first, last) {Â Â alert(`My name is ${first} ${last}.`);})(“Lukman”, “Hussain”);
- Use an IIFE to immediately execute theÂ
calculate function.
- Writing an IIFE that Takes 3 Arguments and return sum.
- Write and IFFE that return an object.
