Spread the love

What are arrow functions in javascript/ES6?

Arrow functions are introduced in ES6, before es6 we used normal function which needs to write more code to achieve the functionality. let take an example of arrow functions and es5 normal functions are follow:

Normal functions of es5

function test(){
  alert("yes");
}

Arrow functions of es6

let test=()=>alert("a")

uhmm! its looking like so easy in es6.

It’s too easy to use the functions in es6 and also a lot of advantages over the normal functions. if you wanted to use context of current class in callback function or other function then you can easily use this in arrow function because it internally binds the context of current class with arrow functions. let quickly review the example of both

You will get the output undefined in alert log because this.a is not scope of object.

it will alert 1 in because this is es6 arrow function syntax.

I hope it will help you to understand arrow functions.


Leave a Reply