IIFE ✨
👉 IIFE or immediately invoked functions as expressions simply refers to a function which runs as soon as it is defined.
👉 Which means if you have to write a function which runs in beginning of your web app , you can use IIFE.
👉 in early days if we want to do something like this we need to define a function and call it...
👉 but with IIFE design pattern the syntax and the code makes much more sense.
👉 IIFE takes 2 parentheses , one is meant for defining a anonymous function and another is meant to call the anonymous function.
👉 Syntax
(
// anonymous function
function () {
//function body
})();
👉 We'll create one IIFE which will greet user as soon as he/she comes to our website 😀
👉
Example : the old way
function greet () {
alert('hello user ! how are you?');
}
greet();
👉 Example : the new way
(function(){
alert('hello user ! how are you?');
})();
👉 Example : Arrow functions as IIFE
( () => {
alert('hello user ! how are you?');
})();
Let me know in comment section if you have any doubt or feedback. it's always worth to give time to the thriving developer community :)
Keep Coding ❤