Let’s say you have a piece of code like the one below.Ĭonst nameInput = document. It is used by the applications to enable client-side scripting. Previously, regular functions would have their this value set to the global object if they were used as callbacks, to a new object in case they were called with the new operator or, in the case of libraries like jQuery, they would be set to the object that triggered an event in case of event handlers, or the current element in a $.each iteration.This situation proved very confusing even for experienced developers. ES6 or ECMAScript6 is a scripting language specification which is standardized by ECMAScript International. Let us now get past the shorter syntax and dive deeper into the specifics of the arrow function. What many people don’t know is that the arrow function is not simply a form of syntactic sugar that we can use instead of the regular callback.Īs I like to explain it to the people who attend my trainings/workshops, arrow functions are this-less, arguments-less, new.target-less and super-less. One of the prettiest features of ES6, it could easily win a beauty contest, if such a contest would be held.

Es6 functions