How does the 'this' keyword work?

Q: How does the 'this' keyword work?

**Target Audience:** Engineers preparing for precise JavaScript this-binding 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. This doc covers the exact, prioritized binding RULES; for the broader concept of why this is dynamic in the first place, see Explain the this keyword in JavaScript. ## 1. Four Rules, Checked in Strict Priority Order 📌 **Interview term:** interviewers call this the **this binding rules**, and the single most important fact about them is that they have a fixed **precedence order** -- when more than one rule could apply to a call, the highest-priority one always wins. From highest to lowest priority: 1. **new binding**

The problem

Question presented to candidate: "Walk me through the exact rules JavaScript uses to decide what this refers to for a given function call, in priority order."

What a strong answer should cover:

this is resolved by four concrete rules, checked in strict priority order, from highest to lowest: new binding, explicit binding (call/apply/bind), implicit binding (obj.method()), and default binding (a bare call).
new binding: calling a function with new makes this the brand-new object being constructed, and this rule beats every other rule, including a prior .bind().
Explicit binding: fn.call(obj), fn.apply(obj), and fn.bind(obj) all set this to the object you pass in -- and once a function is bound with bind, that binding is permanent and cannot be overridden by a later call or apply.
Implicit binding: calling a function as obj.method() sets this to obj, the object immediately before the dot at the call-site -- not necessarily the object where the method was originally defined.
Default binding: a bare function call (no object, no new, no explicit binding) sets this to undefined in strict mode, or the global object in sloppy (non-strict) mode.
Arrow functions follow none of these four rules -- they have no this of their own and always inherit this lexically from their enclosing scope, unaffected by call, apply, or bind.

Clarifying questions expected:

"Do you want me to cover how arrow functions interact with these rules too, since they are a deliberate exception?"

Code / implementation expected: Yes -- a runnable snippet exercising all four rules plus the arrow-function exception, with real observed this values for each.

this

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 precise JavaScript this-binding 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. This doc covers the exact, prioritized binding RULES; for the broader concept of why this is dynamic in the first place, see Explain the this keyword in JavaScript.

1. Four Rules, Checked in Strict Priority Order

📌 Interview term: interviewers call this the this binding rules, and the single most important fact about them is that they have a fixed precedence order -- when more than one rule could apply to a call, the highest-priority one always wins.

From highest to lowest priority:

new binding -- ca

The solution is hidden so you can try first

8 min read · 8 sections

Run the code

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

JavaScriptAll four this-binding rules plus the priority proof and the arrow exception (run directly)