Get Started

You need to be a premium member to use this feature. To access it, you'll have to upgrade your membership.

Become a sharper developer and jumpstart your career.

Basic

$0

$

. 00

monthly

For Basic members:

  • Standard Profile
  • Access learning courses
  • Access free e-books
  • 1x point

Premium

$20

$

. 00

monthly

For Premium members:

  • Earn 2x reward points
  • Premium profile with Verified check
  • Premium Avatar with status update
  • Learning courses
  • Unlimited Certifications and badges on profile
  • Unlimited Book downloads
  • Access to Premium content
  • Online Training
  • Unlimited PDF conversions and downloads
  • Professional Resume Writing
  • Interview Preparations Guide
  • 25 messages per month
  • 1 "Kodzu" avatar, basic
JavaScript

Invoke Function Immediately in JavaScript

Introduction
 
In this article we will learn how to invoke a function immediately in JavaScript. The beauty of immediately an invoked function is that, when the page loads, the function will execute, there is no need to call the function explicitly. In this article we will try to understand the implementation of an immediately invoked function. 
 
  1. <!DOCTYPE html>  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. </head>  
  5. <body>  
  6.     <form id="form1" runat="server">  
  7.         <script>  
  8.               
  9.             (function () {  
  10.                 console.log('Immediately invoked function');  
  11.             })();  
  12.               
  13.         </script>  
  14.     </form>  
  15. </body>  
  16. </html>  
 
 
 More than one immediately invoked function
 
 
  1. <!DOCTYPE html>  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. </head>  
  5. <body>  
  6. <form id="form1" runat="server">  
  7.         <script>  
  8.               
  9.             (function () {  
  10.                 console.log('first function');  
  11.             })();  
  12.    
  13.             (function () {  
  14.                 console.log('second function');  
  15.             })();  
  16.               
  17.         </script>  
  18.     </form>  
  19. </body>  
  20. </html>  
 
 Pass value to immediately invoked function
 
 
  1. <!DOCTYPE html>  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. </head>  
  5. <body>  
  6.    <form id="form1" runat="server">  
  7.         <script>  
  8.             (function (name) {  
  9.                 console.log('name is:- ' + name);  
  10.             })('Sagar pulidindi');  
  11.         </script>  
  12.     </form>  
  13. </body>  
  14. </html>  
 
 
 Summary
 
 In this article we learned the concept of immediately invoked functions in JavaScript. I hope you have understood the concept. In future articles, we will learn a few more concepts of JavaScript. 

Up Next
    Ebook Download
    View all
    Learn
    View all