ES6 : Arrow Function

arrow_function_example.js

// normal function defination 
const someFunction = ( someArg, someArgDef = "Default Arg" ) => {
  return someArg + " " + someArgDef;
}

console.log( someFunction( "Some Argument" ) );

// single line single argument short hand 
const arr = ["a", "b", "c"];
const newArr = arr.map(a=>a);

console.log(newArr);

// arrow function can be more consise if they are returning just value 
const notConsie = (text) => { 
   return {
    text: text
   } 
}; 

// can be rewritten as
const concise = (text) => ({
  text: text
});

console.log(concise("Arrow function just returning value"));
console.log(concise("Can be more consise now"));

// Also when a function is defined inside object
const example = () => {
  return {
    onClick: () => {
      console.log("test");
    },
  }
};

// Can be rewritten as functions inside objects can have a consice way of representation
const example = () => ({
  onClick() {
    console.log("test");
  },
});

const t = example();
t.onClick();