How to Create Basic IIFE
(function(){
//Your Code
}());
OR
(function(){
//Your Code
})();
The above IIFE is an anonymous function that is wrapped inside a set of parenthesis and invoked immediately i.e. it is invoking a function expression immediately after declaring it. You can also call IIFE as function declared in expression context.
One thing to note that for IIFE you need to enclose the anonymous function inside a set of parenthesis because the JavaScript parser knows to treat the anonymous function as a function expression instead of function declaration.
Importance of Using IIFE
2. Data encapsulation is also maintained when using IIFE because it prevents properties in the global variable to be overwritten by the local variable.
3. Increases Readability of your application when using IIFEs.
Bit Careful when using IIFE
You should be bit careful in using IIFE because if not used properly it will give wrong results. For example you have the below piece of code.
var a = function(){
console.log('hello');
}
(function(){
console.log('world');
})();
which will give an error like below :
This is because the above code will run something like
var a = function(){
console.log('hello');
}(function(){ console.log('world');})();
And your first function is treated like IIFE and it is called by passing your second function as parameter and tries to call the return value of the first function thus giving an error. Instead you need a semicolon after the first function or change the above code as below to differentiate the actual IIFE.
var a = function(){
console.log('hello');
}
(function(){
console.log('world');
}());
Please Like and Share the CodingDefined Blog, if you find it interesting and helpful.
No comments:
Post a Comment