What is Currying in JavaScript: A Practical Guide (Interview Question)

This video provides a clear and practical explanation of currying in JavaScript, a common interview topic. It demonstrates the concept itself and a real-world use case for sending emails, contrasting it with regular functions and manual variable collection.

Keywords: currying in JavaScript, JavaScript currying, functional programming, closures, higher-order functions, JavaScript coding interview

What is Currying?

The video begins by explaining currying using a simple add function that takes three parameters (a, b, c) and returns their sum.

Normal Function: add(2, 5, 10) immediately executes and returns the sum.
Curried Function: Instead of returning the sum directly, it returns a series of nested functions, each taking one argument.

function add(a) {
  return function(b) {
    return function(c) {
      return a + b + c;
    }
  }
}

This allows you to call the function step-by-step: add(2)(5)(10). The final addition only happens when all three arguments are provided.

Why Use Currying?

The key advantage is that a function is only executed when all its arguments are available. This is useful when data comes from different sources (e.g., API calls, user input).

Instead of manually collecting three variables and checking if all are present before calling the function, currying handles this automatically. The function simply doesn't execute until the last argument is passed.

Practical Example: Sending Automated Emails

The video provides a real-world scenario: an automated email sending system with three parameters:

To (recipient address)
Subject
Body

These parameters might be collected by different developers or at different times.

Without Currying

You would need to manually collect all three pieces of data in variables and then call a single function, which is not scalable for many parameters.

With Currying

The sendAutoEmail function is curried:

const sendAutoEmail = (to) => (subject) => (body) => `Sending email to ${to} with subject ${subject} and body ${body}`;

Now, different developers can handle their part:

Developer 1 (Handles the 'To' address):

const step1 = sendAutoEmail('[email protected]');

Developer 2 (Handles the 'Subject'):

const step2 = step1('New Order Confirmation');

Developer 3 (Handles the 'Body'):

const result = step2('Your order has been placed.');
console.log(result);
// Output: Sending email to [email protected] with subject New Order Confirmation and body Your order has been placed.

Each developer works on their own part, and the email is only sent when all three arguments are provided.

Modern Syntax for Currying

The video also shows how to write curried functions more concisely using arrow functions:

// Traditional
const add = (a) => (b) => (c) => a + b + c;

// For the email example
const sendAutoEmail = (to) => (subject) => (body) => `Sending email to ${to} with subject ${subject} and body ${body}`;

Key Takeaways

Currying transforms a function that takes multiple arguments into a sequence of nested functions, each taking a single argument.
Core Benefit: A function is executed only when all arguments are available, making it ideal for data collected from multiple sources.
Foundation: Currying is built on closures (a function returning a function).
Practical Use: It's a powerful technique in functional programming and is frequently asked about in JavaScript interviews. For additional common interview challenges, also see Top 30 JavaScript Interview Questions with Expert Answers.

Currying in JavaScript Explained: Practical Example & Interview Guide

What is Currying in JavaScript: A Practical Guide (Interview Question)

What is Currying?

Why Use Currying?

Practical Example: Sending Automated Emails

Without Currying

With Currying

Modern Syntax for Currying

Key Takeaways

Related summaries

Hoisting in JavaScript: Namaste JavaScript 🔥 Magic Behind Scopes

Top 30 JavaScript Interview Questions with Expert Answers

.NET Full-Stack Interview: C#, SQL, Web API & React Concepts Explained

JavaScript Complete Beginner to Advanced: Need, Origin & Node.js Setup

Python Functions: Reusable Logic and Code Organization Basics

Most viewed summaries

A Comprehensive Guide to Using Stable Diffusion Forge UI

Kolonyalismo at Imperyalismo: Ang Kasaysayan ng Pagsakop sa Pilipinas

Mastering Inpainting with Stable Diffusion: Fix Mistakes and Enhance Your Images

Pamamaraan at Patakarang Kolonyal ng mga Espanyol sa Pilipinas

How to Install and Configure Forge: A New Stable Diffusion Web UI

Start taking better notes today with LunaNotes