Skip to content
Related Articles

Related Articles

Improve Article

How to find out the caller function in JavaScript?

  • Last Updated : 16 Apr, 2019

Sometimes, the developer may want to modify how a function works on the basis of its caller function. To find out the caller function name, we will use the Function object’s caller property.

Property used:

  • Function.caller

Here, the Function object is replaced by the name of the function of which we want to know the parent function name.

Let’s take a look at an example:




<script >
    // Child function 
    function Foo() {
    
      // This will print 'Bar' 
        console.log(Foo.caller.name); 
    }
     
    // Parent function 
    function Bar() {
    Foo();
}
  
Bar();
  
</script>

When the above code is executed, we can see the name of the parent function being logged out.
Output:
Running code in Firefox console



Let’s take a look at another example:
Suppose we call the Foo function from multiple functions.




<script>
    // Child function 
    function Foo() {
    
        // This will print parent function's name
        console.log(Foo.caller.name);
    }
  
     // Parent function
     function Geeks() {
          Foo();
     }
  
     // Parent function 
     function Fun() {
          Foo();
     }
  
     // Parent function 
     function Sam() {
          Foo();
     }
  
Geeks();
Fun();
Sam(); 
</script>

Output:
Calling child from multiple functions

You can know more about the parent function from the property Function.caller




My Personal Notes arrow_drop_up
Recommended Articles
Page :