define arrow function code example

Example 1: arrow function in javascript

//function old way
function PrintName(name){
  console.log("my name is ", name) ;
}
// Arrow function es6
const PrintName =  (name) => {
  return console.log("my name is " , name) ;
}

Example 2: Arrow Functions

// The usual way of writing function
const magic = function() {
  return new Date();
};

// Arrow function syntax is used to rewrite the function
const magic = () => {
  return new Date();
};
//or
const magic = () => new Date();

Example 3: arrow function map js

const exampleArray = ['aa','bbc','ccdd'];
console.log(exampleArray.map(a => a.length));
//Would print out [2,3,4]

Example 4: arrow function

// Traditional Function
function (a){
  return a + 100;
}

// Arrow Function Break Down

// 1. Remove the word "function" and place arrow between the argument and opening body bracket
(a) => {
  return a + 100;
}

// 2. Remove the body brackets and word "return" -- the return is implied.
(a) => a + 100;

// 3. Remove the argument parentheses
a => a + 100;

Example 5: arrow function javascript

// Traditional Function
function (param) {
  var a = param * 3;
  return a;
}

//Arrow Function
(a, b) => {
  let c = (a * b) + 3;
  return c;
}

Example 6: name arrow function

//Long version  
function add(a, b) {  
    return a + b;   
}

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