Arrow Functions

ES6 introduced arrow function syntax, a shorter way to write function by using the special "fat arrow" () => notation.

Arrow functions remove the need to type out the keyword function every time you need to create a function.

JavaScript also provides several ways to refactor arrow function syntax. The most condensed form of the function is known as concise body. We'll explore a few of these techniques below:

Functions that take only a single parameter do not need that parameter to be enclosed in parentheses. However, if a function takes zero or multiple parameters, parentheses are required.

Instead, you first include the parameters inside the ( ) and then add an arrow => that points to the function body surrounded in { } like this:

Instead, you first include the parameters inside the ( ) and then add an arrow => that points to the function body surrounded in { } like this:

A function body composed of a single-line block does not need curly braces. Without the curly braces, whatever that line evaluates will be automatically returned.

The contents of the block should immediately follow the arrow => and the return keyword can be removed. This is referred to as implicit return.