Functions as First-Class Citizens in JavaScript

Functions as First-Class Citizens in JavaScript

In JavaScript, functions are first-class citizens. That means they are treated like any other value. This is the foundation of functional programming in JS.

What First-Class Means

• Functions can be assigned to variables.
• Functions can be passed as arguments to other functions.
• Functions can be returned from other functions.
• Functions have a type ("function").

Assign to a Variable

const greet = function (name) {
  return `Hello, ${name}`;
};
const greet2 = greet;
greet2("Kunal"); // "Hello, Kunal"

Pass as an Argument (Callback)

function process(value, fn) {
  return fn(value);
}
process(5, (x) => x * 2); // 10

Return From a Function (Higher-Order)

function multiplier(factor) {
  return (n) => n * factor;
}
const double = multiplier(2);
double(5); // 10

Store in Data Structures

const ops = {
  add: (a, b) => a + b,
  sub: (a, b) => a - b,
};
ops.add(2, 3); // 5

Why This Matters

First-class functions enable:

• Callbacks: pass behavior into async APIs (setTimeout, fetch, event listeners).
• Higher-order functions: map, filter, reduce, compose.
• Functional programming: pure functions, immutability, function composition.
• Event handling: register handlers as values.
• Dependency injection: pass strategies into functions.

typeof a Function

typeof (() => {}); // "function"

Functions are objects under the hood. They can have properties (rarely useful, but legal):

function foo() {}
foo.counter = 0;

The Takeaway

First-class means functions are values: assignable, passable, returnable, storable. This is what makes callbacks, higher-order functions, and functional programming possible in JavaScript. Everything async in JS relies on this.