What is the difference between arrow and regular functions?

Q: What is the difference between arrow and regular functions?

**Target Audience:** Engineers preparing for JavaScript fundamentals interview questions. **Difficulty:** Medium > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term: . Every result below was actually run on Node.js v24.19.0 — the printed output is real, captured output, not illustrative sample text. ## 1. The Core Distinction Arrow functions are not just shorter syntax for regular functions -- they deliberately omit several pieces of machinery that every regular function has. The single idea that explains almost all of the differences: 📌 **Interview term:** an arrow function has **no this binding of its own**. Everywhere a regular function would create a fresh this based on how it was called, an arrow function instead looks outward, lexically, and uses whatever this already means in the scope it was written in -- exactly the same rule ordinary variables follow. Three more differences follow from that same "arro

The problem

Question presented to candidate: "What is actually different between an arrow function and a regular function, beyond the shorter syntax?"

What a strong answer should cover:

The core distinction: arrow functions have no this of their own -- they capture this lexically from the enclosing scope at definition time, and nothing (call, apply, bind, or how they are invoked) can change that.
Arrow functions have no own arguments object -- referencing arguments inside one resolves to an enclosing regular function's arguments, exactly like any other lexically-scoped variable.
Arrow functions cannot be used as constructors -- calling new on one throws a real TypeError, because they lack the internal [[Construct]] behavior.
Arrow functions have no prototype property at all (it is undefined), unlike regular functions, which get a real, populated prototype object automatically.
Arrow functions cannot be generator functions (no yield) and, unlike regular functions, are always anonymous unless assigned to a named binding.
None of this makes arrow functions strictly "better" -- they are the right tool specifically when you want to inherit this from the surrounding scope, such as callbacks inside a class method or an event handler.

Code / implementation expected: Yes -- a runnable snippet exercising the this, arguments, constructor, and prototype differences side by side with real observed output.

arrow-functions

Try it yourself

Sketch your approach before you read the solution. That is what the interview tests.

Stuck? Get a hint.

A short nudge toward the approach. It will not give the answer away.

Solution

Target Audience: Engineers preparing for JavaScript fundamentals interview questions. Difficulty: Medium

How to read this doc: Concepts are explained in plain language first, then tagged with 📌 Interview term:. Every result below was actually run on Node.js v24.19.0 — the printed output is real, captured output, not illustrative sample text.

1. The Core Distinction

Arrow functions are not just shorter syntax for regular functions -- they deliberately omit several pieces of machinery that every regular function has. The single idea that explains almost all of the differences: 📌 Interview term: an arrow function has no this binding of its own. Everywhere a regular function would create a fresh this based on how it was called, an arrow function instead looks outward, lexically, and uses whatever this already means in the scope it was written in -- exactly the s

The solution is hidden so you can try first

7 min read · 8 sections

Run the code

Edit the code and run it here. Each console line with an expected value becomes a test.

JavaScriptthis, call/apply/bind, and arguments: arrow vs regular (run directly)

Practice

JavaScriptArrow functions cannot construct and have no prototype (run directly)

Practice

Discussion

Other approaches, follow-ups and how it went in real interviews.

Sign in to join the discussion.

No comments yet. Share how you would answer it.

The solution is hidden so you can try first

Keep your momentum going.