Lesson 18 - Arrow Functions And Modern Event Handling In JavaScript
In the previous lesson, The Error Class And Try-Catch-Finally In JavaScript, we learned how to catch and throw
Error
s. Today we're going to look at a new function syntax that
came with ES6 - arrow functions. Next, we'll
take a look at how to use these functions to handle DOM
events.
Arrow Functions
Arrow functions came to JavaScript with the ES6 standard in
2015 and allow us to declare our own functions similarly as we can do with the
function
keyword. They were added to JS for two reasons:
- Their syntax is shorter, which makes it much easier to pass them as parameters
- They fix a flaw of the original
function
, where the context of thethis
keyword doesn't work within theclass
Arrow functions do not replace the function
keyword
and are only used in situations we're going to explain in more detail below.
...End of the preview...
Continue further
You've come here and that's great! We believe that the first lessons showed you something new and useful
Do you want to continue the course? Go to the premium section.
Buy this course
This article is licensed: Premium, by buying this article, you agree with the terms of use.
- Unlimited and permanent access to individual lessons.
- High quality IT knowledge.
- Skills to help you get your dream and well-paid job.
Article description
Requested article covers this content:
In this JavaScript OOP tutorial, we'll introduce arrow functions on many examples and learn how to handle events, while getting the event element.
You gain credits by supporting our network. This is done by sending a helpful amount of money to support the site, or by creating content for the network.