use of arrow function 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
//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 3: js arrow function
hello = () => {
return "Hi All";
}
Example 4: concise body arrow functions javascript
const plantNeedsWater = day => day === 'Wednesday' ? true : false;
//If only 1 Parameter no () needed
//Single line return is implicit
//Single line no {} needed
Example 5: arrow function javascript
// Traditional Function
function (a, b){
return a + b + 100;
}
// Arrow Function
(a, b) => a + b + 100;
// Traditional Function (no arguments)
let a = 4;
let b = 2;
function (){
return a + b + 100;
}
// Arrow Function (no arguments)
let a = 4;
let b = 2;
() => a + b + 100;
Example 6: arrow function
Arrow Function is another way to write a function.
"classic method":
function x ()
{
console.log("X")
}
"arrow method":
var x= ()=>
{
console.log("X")
}
if we need to add paramiter is pritty simple:
var x = (PARAMS) =>
{
console.log(PARAMS)
}
Have a nice day