Should you avoid using this in JavaScript?
For simple cases, yes. Using plain functions and passing values explicitly is simpler and has fewer surprises. Use this when you need object methods, classes, or constructors. Avoid it when a simpler alternative works.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in this Keyword Best Practices in JavaScript
Use regular functions for object methods, arrows for callbacks inside methods, bind in constructor or arrow class fields, always use new, use event.currentTarget for event handlers, enable strict mode, and consider avoiding this when simpler alternatives exist.
Regular functions. Arrow functions inherit this from the enclosing scope, not the object. So obj.greet = () => this.name gives undefined. Use regular functions so this is the object.
Bind in the constructor (this.method = this.method.bind(this)), use arrow class fields (method = () => { ... }), or use arrow wrappers in callbacks (setTimeout(() => this.method(), 1000)). Arrow class fields are the cleanest.
Still have questions?
Browse all our FAQs or reach out to our support team