arrow function syntax in javascript code example

Example 1: javascript arrow function

// Non Arrow (standard way)
let add = function(x,y) {
  return x + y;
}
console.log(add(10,20)); // 30

// Arrow style
let add = (x,y) => x + y;
console.log(add(10,20)); // 30;

// You can still encapsulate
let add = (x, y) => { return x + y; };

Example 2: arrow function javascript

const suma = (num1, num2) => num1+num2
console.log(suma(2,3));
//5

Example 3: arrow function javascript

//If body has single statement
let myFunction = (arg1, arg2, ...argN) => expression

//for multiple statement
let myFunction = (arg1, arg2, ...argN) => {
    statement(s)
}
//example
let hello = (arg1,arg2) => "Hello " + arg1 + " Welcome To "+ arg2;
console.log(hello("User","Grepper"))
//Start checking js code on chrome inspect option

Example 4: arrow func in javascript

const greet = (who) => {
  return `Hello, ${who}!`;
};

greet('Eric Cartman'); // => 'Hello, Eric Cartman!'

Example 5: 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.
*/

Example 6: es6 arrow function

//ES5
var phraseSplitterEs5 = function phraseSplitter(phrase) {
  return phrase.split(' ');
};

//ES6
const phraseSplitterEs6 = phrase => phrase.split(" ");

console.log(phraseSplitterEs6("ES6 Awesomeness"));  // ["ES6", "Awesomeness"]