Angular Interview Practice

Can fat-arrow functions be used as methods in objects?

1. Yes, they are ideal for methods.

2. No, they don't bind their own this.

3. Yes, but only if defined with 'function'.

4. No, they are only for standalone functions.

The correct answer is: No, they don't bind their own this.

Fat-arrow functions, also known as arrow functions, are a concise way to write function expressions in JavaScript. One of their defining characteristics is how they handle the `this` context. Unlike regular functions, which bind their own `this` to the object they are called on, arrow functions do not have their own `this` binding. Instead, they lexically capture the `this` value from their surrounding context at the time they are defined. This means that when an arrow function is used as a method in an object, it does not refer to the object itself when invoked, which can lead to issues if you are trying to access properties of that object using `this`. In contexts where you need to refer to the object that owns the method, using an arrow function is not appropriate. For instance, if you have an object with a method defined as an arrow function and you try to call that method, the `this` inside the arrow function would refer to the scope in which the method was defined, not the object itself. This is why using arrow functions as methods is generally discouraged; they do not behave as expected in terms of object-oriented programming and the concept of `this`. Thus, the understanding that arrow functions do not bind