JavaScript: How ES6 Arrow Function Can Help You

An arrow function is a concise and modern alternative to traditional JavaScript function expressions. It provides a shorter syntax and is commonly used for writing cleaner and more readable code. However, arrow functions have certain limitations and cannot be used in every situation, especially when working with `this`, `arguments`, or constructors.

Syntax:

// Single parameter with implicit return (no parentheses or return keyword required):
param => expression

// Multiple parameters require parentheses:
(param1, paramN) => expression

// Multiline function body requires curly braces and an explicit return:
param => {
  let a = 1;
  return a + param;
}

// Multiple parameters with multiline function body:
(param1, paramN) => {
  let a = 1;
  return a + param1 + paramN;
}

Advanced Syntax

// Returning an object literal requires parentheses:
params => ({ foo: "a" })  // returns { foo: "a" }

// Rest parameters are supported:
(a, b, ...r) => expression

// Default parameters are supported:
(a = 400, b = 20, c) => expression

// Destructuring parameters are supported:
([a, b] = [10, 20]) => a + b;               // result: 30
({ a, b } = { a: 10, b: 20 }) => a + b;     // result: 30