Following are the benefits of arrow functions in es6
1. Concise syntax: Arrow functions have a shorter and more concise syntax compared to regular functions. This makes the code easier to read and write.
2. Lexical this binding: Arrow functions do not have their own “this” value. Instead, they inherit the “this” value from the surrounding code. This eliminates the need to use the “bind” method or create a variable to store the “this” value.
3. No arguments object: Arrow functions do not have their own “arguments” object. Instead, you can use the rest parameter syntax to access all arguments passed to the function.
4. Implicit return: If the arrow function body consists of a single expression, it will be implicitly returned. This makes the code more concise and eliminates the need for the “return” keyword.
5. No function prototype: Arrow functions do not have a “prototype” property. This means they cannot be used as constructors and cannot be called with the “new” keyword.
6. Improved performance: Arrow functions are generally faster to execute compared to regular functions. This is because they do not create their own execution context and do not have their own “this” value.
7. Enhanced readability: The use of arrow functions can make the code more readable and easier to understand. The shorter syntax and implicit return make the code more concise and less cluttered.
Overall, arrow functions provide a more concise and readable syntax, eliminate the need for “bind” and “this” workarounds, and improve performance. They are a powerful feature of ES6 that can greatly enhance the development experience.