Difference between calling and invoking a function in JS


Olorunfemi Akinlua

JavaScript

Introduction

When it comes to programming, the terms "call" and "invoke" are often used interchangeably to refer to executing a function. However, there is a subtle difference between the two terms. In this article, we will explain the difference between calling a function and invoking a function.

 

What is Calling a Function in JavaScript

When you call a function, you are passing control to the function. The function will execute and then return control back to the caller. When you "call" a function, you are simply executing the function. All you need is the function's name and appropriate arguments. For example, let's say you have a function named "add" that takes two arguments and returns the sum of those two arguments. You could call that function like this:

function add(arg1, arg2) {
    return arg1 + arg2;
}

let result = add(5, 10);

console.log(result);
Output:
15

So, if you create a function and directly access and execute the function, you are calling the function.

 

What is Invoking a Function in JavaScript

In contrast, when you "invoke" a function, you are executing the function and also specifying the context in which the function will run. In other words, when you invoke a function, you are calling the function and also specifying the value of this inside the function. The context is the value of the "this" keyword inside the function. For example, let's say you have an object named "car" with a property named "color". You could invoke a function to set the color of the car like this:

car.setColor("red");

In this example, the "this" keyword inside the "setColor" function will refer to the "car" object.

To understand it better, let's make use of built-in methods and functions within JavaScript. Arrays have different methods (which are functions) that we can use with them, and when we make use of them, we are invoking the said function. For example, we are invoking the push function because we are specifying the context in which the function/method will run (in reference to the arr).

let arr = [1, 34, 212, 12];

arr.push(34);

console.log(arr);

Output:

[ 1, 34, 212, 12, 34 ]

 

Summary

So, to recap, the main difference between calling and invoking a function is that when you invoke a function you are also specifying the context in which the function will run.

 

References

Functions - JavaScript | MDN (mozilla.org)

 

Views: 13

Olorunfemi Akinlua

He is boasting over five years of experience in JavaScript, specializing in technical content writing and UX design. With a keen focus on programming languages, he crafts compelling content and designs user-friendly interfaces to enhance digital experiences across various domains. You can connect with him on LinkedIn.

Can't find what you're searching for? Let us assist you.

Enter your query below, and we'll provide instant results tailored to your needs.

If my articles on GoLinuxCloud has helped you, kindly consider buying me a coffee as a token of appreciation.

Buy GoLinuxCloud a Coffee

For any other feedbacks or questions you can send mail to admin@golinuxcloud.com

Thank You for your support!!

Leave a Comment

GoLinuxCloud Logo


We try to offer easy-to-follow guides and tips on various topics such as Linux, Cloud Computing, Programming Languages, Ethical Hacking and much more.

Programming Languages

JavaScript

Python

Golang

Node.js

Java

Laravel