Lesson Code: http://www.developphp.com/video/JavaScript/Fat-Arrow-Functions-JavaScript-Programming-Tutorial
Crash course on using the new Arrow functions in JavaScript, introduced in ECMAscript Edition 6 to provide a new approach to writing anonymous functions. Arrow functions have 2 major advantages over traditional anonymous functions. (a) They reduce the amount of code you need to write. (b) In object oriented programming, the “this” keyword always refers to the object no matter how many anonymous functions are nested in the class. We will demonstrate these concepts through code right now starting with the most basic.
They are Anonymous functions. Anonymous functions are functions that have no name like normal functions do. We see them used as parameters in methods that expect exectuable code as an argument. Anonymous functions are used in object oriented programming, or they are sometimes supplied as the value of a named variable.
We will compare traditional Anonymous function syntax with arrow function syntax side by side using several simple examples in order to demonstrate where, when and how to use arrow functions where you normally use anonymous functions.
Original source
39 responses to “Fat Arrow Functions JavaScript Programming Tutorial”
How is it even possible to dislike this video. People are just haters
your video is very supericial, i don not call this elemntary video like a tutorial is is vaery basic, thanks for nothing..
Thanks
thank you so much
sadly to understand this video u really need to know ur oop concept well first other than that its really good and detailed explanation
sort of confusing because I feel like im thinking in circular logic or catch 22's… x= a but a=x because var is x and a is passed in.
Are you Lebanese ?
and nice video thanks
This is an affront to God. JS is fugly
Nice Tutorial 🙂
Amazing and simple. You explained something in 12 minutes that somebody in an hour isn't capable of…
React.js uses this a lot so I used your video to uinderstand them thanks
9:51 Why?
ˈeksəˌkyo͞odəb(ə)l
If i have to give reference of setInterval() function, then what i do ?
Make a playlist about new changes in js
Thanks for your great examples !
In the next you should maybe talk about having the result of a function as a variable.
Oh man youre jenius
Watching this video for the interview purpose. Most clear explaination of context (this) problem. Thanx buddy
Adam, Is there any more ES6 Videos for you online? Thanks.
You are the best one ever who explained this ES6 Arrow Function, Thanks a million you have made my day.
thanks. my doubt is cleared.
Master Chief are You???
Excellent Tutorial
Thanks, Adam, for the video. It helped a lot.
I like the new fat arrow function, but I'm not a big fan of omitting () when there is only one variable passed to an anonymous function.
Seeing () or (…) makes it stand out more as a function, especially during transition to this new feature. It's more explicit, but still more brief than the original syntax.
Where I really see this feature stand out is the fact it is truly "anonymous" (i.e. not having its own "this"), without having to work around it with clunky "self" or "that" code, which is certainly not more readable or intuitive.
Thanks, again.
You are way better than the hour long tutorials.
I hope this is not too weird of a compliment, but your accent is really cool. Especially how you pronounce your "u"'s like in "function" . Could I ask from where it hails?
Awesome examples!
looks like a face =>
var comment = "Nice Tutorial 🙂 ";
<p id="a"></p>
document.getElementById("a").inhherHTML = comment;
thank u sir but last lo artham kale….
AK you are a legend. Definitely in my top 5 gurus, Thanks for explaining this clearly
How many of you R using SOLOLEARN app
How many of you r Sololearn App
Great Tutorial👍👍
Thanks for this tutorial. Having coded in regular Java for years now, these arrow functions looked so weird to me. Now I understand how they work!
Great explanation, thanks!
Brilliant video, keep up the good work.
var x = (message) => {alert(message);};
x("Great explanation!!, thank you for this video, now I know what the weird arrow means");
Thank you very much, it was very useful and easy to understand