arrow functions in JavaScript 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.