Skip to main content

JavaScript functions. Why they are called as first class citizens or functions?




These are the notes taken from the famous javascript course Namaste Javascript. If you are  not getting any point do watch the course. I was creating this for my personal study but later thought that it might also help others.


Let's begin,


Different ways to define a function in javascript:


a)Function statement aka Function Declaration :

function a(){

console.log("a called")

}


b)Function Expression:

var b=function(){

console.log("b called")

}

The difference between these 2 types(Function statement and Function Expression) is hoisting.

Function statement can be called above its declaration while in the case of function expression it should be called after declaration else it will throw an error.


c)Anonymous Function:

function(){

console.log("b called")

}

Function without a name and it does not have its own identity as if you run it like this it will give an error. It is used where functions are used as values i.e we can assign them to a variable so that become function expressions.


d)Name Function Expression:

var c=function abc(){

console.log("c called")

}

It is just like a function expression but it has a function name also.

But if you call abc() then it will give an error.  

Because javascript stores this abc as a variable and not a function.

So it should be called only as c();



Why first-class functions in javascript?

Functions in javascript can be passed as an argument to a function and also function can return function. So the ability to use functions as values so they are called first-class functions in javascript.

For example:

function abc(a){

a();

return function(){

console.log("b called")

}

}

function a(){

console.log("a called");

}

var c=abc(a);

c();


Here we have passed function as an argument.

This function abc returns a function that is stored in variable c.

Output:

a called;

c called;


Thanks for reading.

 


Comments

Popular posts from this blog

Coding Interview Questions Set 1

From this article, I will be sharing with you all a series of articles on coding interview questions. So please stay connected for the latest set of questions. It will be a good brainstorming exercise and will also prepare you for coding interviews and will definitely boost your confidence. So let's start, 1)Reverse of a string with only O(1) extra memory. Solution: var reverse = function(string) {     let result = ''     for(let i= string.length -1; i >= 0; i--){         result += string[i];     }     return result; }; 2)Fizz Buzz: Write a program that will accept a number n and will output number till n but for multiples of three it should output “Fizz” instead of the number and for the multiples of five output “Buzz”. For numbers which are multiples of both three and five output “FizzBuzz”. Solution: var fizzBuzz= function(n) {     const arr=[]     for(i=1; i<=n; i++){ ...

JavaScript: Debouncing | Flipkart UI Interview Question.

To understand this programming practice will go with a quick example. We all do online shopping and we do search for products on Flipkart on the search bar. So when we type on search bar i.e on every keypress we are actually giving API requests to the server, which in response gives us suggestions. Actually, it's a time-consuming task and may degrade the performance of the webpage. So to improve the performance we use debounce function which actually acts as a controller which reduces the API request to the server on keypress event. In simple terms, we are giving API request only after a certain amount of time between two keypress events. A debounce is a higher-order function. Higher-order function: A function that returns another function. Let's dive deep: HTML Code: <input type="text" onkeyup="searchProducts()"/> Consider this as a search bar for Flipkart. On any keypress, we are calling searchProducts() function. Javascri...

Node.js: Bundling your Node.js application to single executable for Windows.

In this article, we will see how to bundle Node.js application to a single executable for Windows. What's the need? Well recently, I had taken a work where I needed to convert pdf's(Of similar format) to excel sheet. So I was reading the pdf's from a folder in desktop and I was storing the output excel sheet into a separate folder on the desktop. I used Node.js for the program. Now the client wanted it to install the program on 25 windows machine and his budget was really low. So it was also not possible for me to install node.js for 25 machines and then install the required dependency for each one. One of the solution: While I was searching for an easy solution I found this amazing npm module pkg . This module can make your node.js app work like plug and play type. No need to install Node.js on the client machine or any other dependency.  It helps to make a commercial or trial version of your node.js application without exposing the source code. I found ...