First-Class Functions

Ahmed A.
2 min readJul 4, 2021

--

In JavaScript you have the use of first-class functions, you may be asking yourself what a first-class function is. They are functions that may be treated as other values. They can may be assigned to variables, passed as arguments in other functions, and can be returned from other functions. We will take a look at each of these types of functionality.

Assign Function to a Variable

We can create a function that will return something, then after we can assign that function to a variable. As shown below.

const sayBye = () => {
return 'Goodbye my friend';
};
console.log(sayBye());
// "Goodbye my friend"

Function Passed as an Argument

We will use the previous example to pass as an argument in another function.

const sayByeToFriend = (greeter, friend) => {
return greeter() + ' ' + friend;
};
console.log(sayByeToFriend(sayBye, 'Steve'));
// Goodbye my friend Steve

To explain what happened we pass sayBye function to sayByeToFriend function. When inside the sayByeToFriend function we will now point to sayBye, which is stored in memory. When we call greeter(), we call the function.

Returning a Function From Another Function

We can also return a function, I will use the previous example to show how we can change what is said, I will show you how.

const goodbyeMaker = greeting => {
return friend => {
return greeting + ' ' + friend;
};
};
const sayByeToFriend = greeterMaker('Bye');
const sayAdiosToFriend = greeterMaker('Howdy');
console.log(sayHelloToPerson('Jane'));
// "Goodbye my friend Jane"
console.log(sayAdiosTof=Friend('Sam'));
// "Adios mi amigo Same"

As you can see by changing the argument you can change the name of ther person. You can also return the greeting you specify.

Object Validation

Lets say that we have a lot of information for an object that is needed to pass to be a valid object. We can make a function that will iterate over the criteria and return to us if the object is valid or invalid.

const isUsernameLong = obj => {
return obj.username.length >= 8;
};
const arePasswordSame= obj => {
return obj.password === obj.confirmPassword;
};
//Function to check valid or not
const objectIsValid = (obj, ...funcs) => {
for (let i = 0; i < funcs.length; i++) {
if (funcs[i](obj) === false) {
return false;
}
}
return true;
};
const obj1 = {
username: 'ahmed123',
password: 'welcome',
confirmPassword: 'welcome',
};
const obj1Valid = objectIsValid(obj1, usernameLongEnough, passwordsMatch);
console.log(obj1Valid);
// true
const obj2 = {
username: 'habibi',
password: 'hello',
confirmPassword: 'hello',
};
const obj2Valid = objectIsValid(obj2, usernameLongEnough, passwordsMatch);
console.log(obj2Valid);
// false

As you see in example one both username and password pass the conditions so we see it is true when we validate. For object two although the passwords match the username is not long enough, so it is false. We can see how this could come in handy so we do not need to manually check each user one by one.

Conclusion

I hope this helped as with everything you need some practice to really grasp the concept. But first-class functions in JavaScript can be really useful tool in conjuction with the other types of functions. I hope this has been helpful.

--

--

No responses yet