Correct answer is Option 2.

Key Concept

There is no inherent concept of this inside an object. The value of this is determined when a function is invoked in JavaScript. It depends on how the function is called (for regular functions) or where it is defined (for arrow functions).

In regular functions, the value of this is dynamic and depends on how the function is invoked. Always focus on what is before the . in obj.method().

For example, when we invoke user.printDetails(), it is called in the context of the user object. Hence, this refers to user, resulting in "dev_master has 1200 points".

In arrow functions, this is lexically bound, meaning it is inherited from the surrounding scope where the function is defined. It does not depend on how the function is called.

So, when we invoke user.printDetailsArrow(), even though it is written inside the object, it does not bind to user. Instead, it captures this from the surrounding (global) scope, where these properties are undefined.

The method delayedPrint combines both concepts. It is a regular function, so this refers to user. Inside it, the arrow function passed to setTimeout captures this same this from its lexical scope. Hence, it correctly logs the user details.

0 day

0 day

Study Guides

Give it a try!

Growth

Rendering Techniques

1 Month Study Plan

Preparation Strategies

Video Tutorials

Contribution Opportunities

Grow with like-minded people,

Join the devtools.tech community

Stay in the know

Instagram

YouTube

Twitter