{"id":136276,"date":"2024-01-31T13:25:35","date_gmt":"2024-01-31T13:25:35","guid":{"rendered":"https:\/\/www.sushilkumar.ind.in\/blog\/?p=136276"},"modified":"2024-01-31T13:54:02","modified_gmt":"2024-01-31T13:54:02","slug":"what-is-iife-in-javascript","status":"publish","type":"post","link":"https:\/\/www.sushilkumar.ind.in\/blog\/javascript\/what-is-iife-in-javascript\/","title":{"rendered":"What is IIFE in Javascript?"},"content":{"rendered":"\n<p><strong>IIFE<\/strong> stands for Immediately Invoked Function Expression. It&#8217;s a common pattern in JavaScript where you define and execute a function all in one go. <\/p>\n\n\n\n<p>Here&#8217;s a basic example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>(function() {\n    \/\/ Your code here\n})();\n\nThis construct creates a function expression enclosed within parentheses <strong>(function(){})<\/strong>, and then immediately invokes it with the () at the end.\n\nOne of the main reasons for using <strong>IIFE<\/strong> is to create a new scope for your code. Variables declared inside the <strong>IIFE<\/strong> are not accessible from outside, which helps in preventing polluting the global scope. Additionally, it's often used for modularizing code and avoiding naming conflicts.<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ Global scope\nvar globalVar = \"I'm global\";\n\n(function() {\n    \/\/ Inside the IIFE, a new scope is created\n    var localVar = \"I'm local\";\n    console.log(globalVar); \/\/ Accessible, prints: \"I'm global\"\n})();\n\nconsole.log(globalVar); \/\/ Accessible, prints: \"I'm global\"\nconsole.log(localVar); \/\/ Not accessible, throws a ReferenceError<\/code><\/pre>\n\n\n\n<p>In this example:<\/p>\n\n\n\n<p><strong>globalVar<\/strong> is accessible both inside and outside the IIFE because it&#8217;s declared in the global scope.<\/p>\n\n\n\n<p><strong>localVar<\/strong> is only accessible inside the IIFE. Trying to access it outside the IIFE will result in a ReferenceError because it&#8217;s scoped to the function and not visible outside of it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>IIFE stands for Immediately Invoked Function Expression. It&#8217;s a common pattern in JavaScript where you define and execute a function all in one go. Here&#8217;s a basic example: (function() { \/\/ Your code here })(); This construct creates a function expression enclosed within parentheses (function(){}), and then immediately invokes it with the () at the &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[323],"tags":[],"class_list":["post-136276","post","type-post","status-publish","format-standard","","category-javascript"],"jetpack_publicize_connections":[],"acf":[],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p99pkJ-zs0","_links":{"self":[{"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/posts\/136276"}],"collection":[{"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/comments?post=136276"}],"version-history":[{"count":2,"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/posts\/136276\/revisions"}],"predecessor-version":[{"id":136279,"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/posts\/136276\/revisions\/136279"}],"wp:attachment":[{"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/media?parent=136276"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/categories?post=136276"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sushilkumar.ind.in\/blog\/wp-json\/wp\/v2\/tags?post=136276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}