Why do arrow functions fix the this bug in setTimeout callbacks in JavaScript?
Because arrows inherit this from their lexical scope. An arrow inside a method or constructor captures this from that scope, so it still refers to the instance inside the callback.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in this in Arrow Functions vs Regular Functions in JavaScript
Regular functions get this at call time based on how they are invoked. Arrow functions do not have their own this; they inherit it from their enclosing lexical scope at definition time.
Because an arrow function's this is the enclosing scope's this, not the object. So obj.greet = () => this.name gives undefined. Use regular functions for methods so this is the object.
No. Arrow functions do not have their own this binding. bind, call, and apply cannot change an arrow's this. They can still pass arguments, but this stays lexical.
Still have questions?
Browse all our FAQs or reach out to our support team