Saturday, October 11, 2025
HomeLanguagesJavascriptExplain invoking function in JavaScript

Explain invoking function in JavaScript

In this article, we will learn about invoking the function in Javascript, along with understanding its implementation through examples. Function Invoking is a process to execute the code inside the function when some argument is passed to invoke it. You can invoke a function multiple times by declaring the function only once. When the function is defined, the code inside a function will not be executed. It is common to use the term “call a function” instead of “invoke a function”. Although, there has a difference between these two terms. When you make a function call, you are directly telling the function to execute, whereas when you invoke a function, you are letting something execute the function. For instance,

functionName();

Here, we have invoked the function ie., letting it run, by calling the function directly.

Syntax:

function myFunction( var ) {
   return var;
}
myFunction( value );

Here, by calling myFunction, you are invoking value, which is being called indirectly.

Invoking a Function as a Method: We can define the function as an object method.

Syntax:

var myObject = {
   var : value,
   functionName: function () {
       return this.var;
   }
}
myObject.functionName();  

Parameters: It contains two parameters as mentioned above and described below:

  • functionName: The functionName method is a function and this function belongs to the object and myObject is the owner of the function.
  • this: The parameter this is the object that owns the JavaScript code and in this case the value of this is myObject.

We will understand the above concepts through examples.

Example 1: This example uses the function invocation to add two numbers.

HTML




<h2 style="color:green">neveropen</h2>
<p> Function returns the addition of 10 and 15 </p>
  
<p id="neveropen"></p>
  
<script>
    function add(n1, n2) {
        return(n1 + n2);
    }
    document.getElementById("neveropen").innerHTML = 
    window.add(10, 15);
</script>


Output:

 

Example 2: This example illustrates this keyword to point to the current object.

Javascript




const obj={
    first_name:"Steve",
    last_name:"smith",
    name:function(){
        console.log(`Full name : ${this.first_name} ${this.last_name}`);
    }
};
obj.name();


Output:

Full name : Steve smith
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
RELATED ARTICLES

Most Popular

Dominic
32350 POSTS0 COMMENTS
Milvus
87 POSTS0 COMMENTS
Nango Kala
6720 POSTS0 COMMENTS
Nicole Veronica
11882 POSTS0 COMMENTS
Nokonwaba Nkukhwana
11941 POSTS0 COMMENTS
Shaida Kate Naidoo
6839 POSTS0 COMMENTS
Ted Musemwa
7101 POSTS0 COMMENTS
Thapelo Manthata
6794 POSTS0 COMMENTS
Umr Jansen
6794 POSTS0 COMMENTS