What is 'context loss' and what are the three most common ways to fix it in production code?

Difficulty: 5/10

this binding, arrow functions, callback context

Context loss occurs when a function loses its intended `this` binding, often when passing a method as a callback. The three common fixes are: using `.bind()`, arrow functions, or storing `this` in a variable (e.g., `const self = this`).

Context loss happens when a method is detached from its object, causing this to revert to default binding (global or undefined). This frequently occurs with callbacks. The three most common production fixes are: (1) .bind() — explicitly bind the method to the object: setTimeout(this.method.bind(this), 100); (2) Arrow functions — capture lexical this: setTimeout(() => this.method(), 100); (3) Store in a variable — pre-ES6 pattern: .

Scenario Questions

0-2 years experience

Follow-up Questions

Difficulty: 5/10

this binding, arrow functions, callback context

Context loss occurs when a function loses its intended `this` binding, often when passing a method as a callback. The three common fixes are: using `.bind()`, arrow functions, or storing `this` in a variable (e.g., `const self = this`).

Scenario Questions

0-2 years experience

What is 'context loss' and what are the three most common ways to fix it in production code?

Context loss occurs when a function loses its intended this binding, often when passing a method as a callback. The three common fixes are: using .bind(), arrow functions, or storing this in a variable (e.g., const self = this).

Scenario Questions

Follow-up Questions

What is 'context loss' and what are the three most common ways to fix it in production code?

Context loss occurs when a function loses its intended this binding, often when passing a method as a callback. The three common fixes are: using .bind(), arrow functions, or storing this in a variable (e.g., const self = this).

Scenario Questions

Follow-up Questions

Context loss occurs when a function loses its intended `this` binding, often when passing a method as a callback. The three common fixes are: using `.bind()`, arrow functions, or storing `this` in a variable (e.g., `const self = this`).

Context loss occurs when a function loses its intended `this` binding, often when passing a method as a callback. The three common fixes are: using `.bind()`, arrow functions, or storing `this` in a variable (e.g., `const self = this`).