5th of 19 Questions.
Can you think of a scenario where using .bind() causes a memory issue? How would you address it?
Using .bind() inside a loop or render method creates new function instances repeatedly, leading to increased memory usage and potential performance issues. Address by binding once (e.g., in constructor) or using arrow functions.
A common memory issue occurs when .bind() is called inside a loop or a component's render method (e.g., React). Each call creates a new function object, which can cause memory bloat and force unnecessary re-renders. Example: items.map(item => <button onClick={this.handleClick.bind(this, item)}>Click</button>) creates a new bound function per item on every render. Fix by binding the method once in the constructor, using arrow function class fields, or using data attributes and a single handler.