javascript why use arrow functions code example

Example 1: js anonymous function es6

// (param1, param2, paramN) => expression

// ES5
var multiplyES5 = function(x, y) {
  return x * y;
};

// ES6
const multiplyES6 = (x, y) => { return x * y };

Example 2: js arrow function

// const add = function(x,y) {
//     return x + y;
// }

// const add = (x, y) => {
//     return x + y;
// }

const add = (a, b) => a + b;


const square = num => {
    return num * num;
}

// const rollDie = () => {
//     return Math.floor(Math.random() * 6) + 1
// }

const rollDie = () => (
    Math.floor(Math.random() * 6) + 1
)

Example 3: arrow function javascript

/* Answer to: "arrow function javascript" */

// Single-line:
let testingFunc(string) => string == "Test" ? "Success!" : "Failure!";
console.log(testingFunc("test")); // "Failure!"

// Multi-line:
let arrowFunc(string) => {
  if (string = "test") {
    return "Success!";
  }
    return "Failure!";
  }
};
console.log(testingFunc("Test")); // "Success!"

/*
  Arrow functions in JavaScript are like regular functions except they look
  look nicer (imo) and there's single-line version of it which implicitly
  returns.
  
  Here's a guide showing the differences between the two:
  https://medium.com/better-programming/difference-between-regular-functions-and-arrow-functions-f65639aba256
  > The link will also be in the source below.
*/