DEV Community

Hemendra Khatik
Hemendra Khatik

Posted on • Updated on • Originally published at blog.aamchora.space

Functions are Objects in javaScript

Whattttt???

Confused man

Yes, You read that correctly.

Let's deep dive into this topic.

Before we get into a serious drill, Let's quickly revise objects and functions in JavaScript.

Object:

Objects in JavaScript are nothing but a non-primitive type data structure. We can define an object using curly brackets and put key-value pairs separated by a comma in it.

const user = {
   name:"Hemendra",
   nickname:"Hemu",
   email:"hi@aamchora.space",
}

user.city = "Bhilwara" // add new value in existing object

user.city = "Jaipur" // update new value in existing object

console.log(user.name);
/*
output

Hemendra

*/
console.log(user);

/*
output

{
   name:"Hemendra",
   nickname:"Hemu",
   email:"hi@aamchora.space",
   city:"Jaipur"
}
*/
Enter fullscreen mode Exit fullscreen mode

Read more about objects in depth.

Function

Unlike other programming languages, JavaScript has implemented the functions very differently.

Let's have a look

Definition:

A function is a block of organized code that performs a specific task.

Advantages of functions

  • Functions make your program easier to read, understand, and debug.
  • Functions can make a program smaller by eliminating repetitive code.

Now you would be wondering, What's the difference then?

What is different

In JavaScript, functions are first-class objects, because they can have properties and methods just like any other object. Every JavaScript function is actually a Function object.

Now way gif

Let's see how we define functions in JavaScript first

function sum(a,b){
 return a+b;
}

const res = sum(2,4);

console.log(res); // outputs -> 6
Enter fullscreen mode Exit fullscreen mode

Above we have created a function named sum which adds two numbers.

But as I said earlier, is the sum function created above also an object? can we add properties and values to the sum function as we did in the user object above?

let's see this in action


function sum(a,b){
 return a+b;
}

sum.help = "use this function to add two numbers";
// like an object we have added help key and it's value to the above function.

Enter fullscreen mode Exit fullscreen mode
// will work as before
const res = sum(3,6);
console.log(res) // outputs --> 9

// but now 

console.log(sum.help) 
// outputs --> use this function to add two numbers

Enter fullscreen mode Exit fullscreen mode

Let's verify if the sum function is an instance of an object or not


function sum(a,b){
 return a+b;
}

console.log(sum instanceof Function); // true
console.log(sum instanceof Object); // true

let name = "Hemendra"
console.log(name instanceof Object); // false
Enter fullscreen mode Exit fullscreen mode

And Voila, it proves that the functions are objects in JavaScript.

I was right gif

Discussion (0)