Practice Questions

Interview answer drill

Use this JavaScript interview question to rehearse a quick answer, common mistake, follow-up, and production pitfall.

Practice more JavaScript interview questions Follow JavaScript mastery study plan Open Essential 60

What is the difference between call(), apply(), and bind() in JavaScript?Frontend interview answer

HighIntermediateJavascript

By FrontendAtlas Team · Updated Feb 1, 2026

Interview focus

This JavaScript interview question tests whether you can explain call vs apply vs bind in JavaScript: what is the difference, connect it to production trade-offs, and handle common follow-up questions.

call vs apply vs bind in JavaScript: what is the difference explanation without falling back to memorized docs wording
Functions and This reasoning, edge cases, and production failure modes
How you would answer the most likely JavaScript interview follow-up

Practice more JavaScript interview questions

Interview quick answer

All three methods are used to control the value of this when calling a function. The difference is how they pass arguments and when the function is executed. These affect this-binding and performance, so test with bound handlers and avoid unnecessary allocations.

Full interview answer

The Core Idea

In JavaScript, functions are special objects — they have built-in methods like call(), apply(), and bind() that allow you to explicitly set what this refers to when a function runs.

They all help you reuse a function with different objects as its this context.

Method	When It's Executed	How Arguments Are Passed	Return Value
`call()`	Immediately	As a comma-separated list	Return value of the function
`apply()`	Immediately	As an array (or array-like)	Return value of the function
`bind()`	Later (creates a new function)	As a comma-separated list	New function with bound context

Comparison between call(), apply(), and bind().

Example Setup

Let's start with a simple function that uses this:

JAVASCRIPT

const person = { name: 'Alice' };

function greet(greeting, punctuation) {
  console.log(`${greeting}, ${this.name}${punctuation}`);
}

1. call()

call() invokes the function immediately and passes arguments one by one.

JAVASCRIPT

greet.call(person, 'Hello', '!'); // Hello, Alice!

2. apply()

apply() is just like call(), but it takes arguments as an array.

JAVASCRIPT

greet.apply(person, ['Hi', '!!']); // Hi, Alice!!

3. bind()

bind() does not run the function immediately. Instead, it returns a new function with a permanently bound this value.

JAVASCRIPT

const greetAlice = greet.bind(person, 'Hey');
greetAlice('!!!'); // Hey, Alice!!!

Common Mistake

A frequent confusion is expecting bind() to call the function immediately. Remember: it only returns a new function — you have to call it manually later.

JAVASCRIPT

const fn = greet.bind(person, 'Hello');
fn('!'); // Works
// greet.bind(person, 'Hello')('!') also works

Practical scenario
Borrow a method from another object (e.g., Array.prototype.slice) or fix this in a callback.

Common pitfalls

Forgetting to bind, causing this to be undefined in strict mode.
Using apply with very large arrays and hitting argument limits.
Binding inside render loops and creating new functions each time.

Trade-off or test tip
bind is clear but allocates a new function; reuse bound handlers where possible. Test by calling the function with a mocked this.

Still so complicated?

Think of it like renting a car:

call() → You rent and drive it right away.

apply() → You rent and drive it right away, but hand over your passengers list (array).

bind() → You book it for later — the car is reserved and ready to use when you need it.

Summary

call() → Calls immediately, arguments as a list.

apply() → Calls immediately, arguments as an array.

bind() → Returns a new function (call it later).

All three methods let you control what this refers to.