Breaking News: Grepper is joining You.com. Read the official announcement!

this in event arrow function

Imran Khan answered on November 4, 2022 Popularity 8/10 Helpfulness 2/10

answer this in event arrow function

related when to use arrow function javascript

this in event arrow function

Comment

<!DOCTYPE html>
<html lang="en">
<head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
</head>
<body>
    <button id="mybutton">
        Click me!
    </button>
    <script>
        var element = document.querySelector("#mybutton");
        element.addEventListener('click', (event) => {
            console.log(this); // window object
            console.log(this.id); // undefined
        }, false);
    </script>
</body>
</html>

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: dev.to

Tags: function javascript this

Link to this answer
Share Copy Link

Contributed on Nov 04 2022

Imran Khan

0 Answers Avg Quality 2/10

Closely Related Answers

when to use arrow function javascript

Comment

It is important to note that arrow functions are anonymous, which means that they are not named.

This anonymity creates some issues:

Harder to debug
When you get an error, you will not be able to trace the name of the function or the exact line number where it occurred.

2. No self-referencing

If your function needs to have a self-reference at any point (e.g. recursion, event handler that needs to unbind), it will not work.

Main benefit: No binding of ‘this’

https://www.freecodecamp.org/news/when-and-why-you-should-use-es6-arrow-functions-and-when-you-shouldnt-3d851d7f0b26/

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: function functio

Link to this answer
Share Copy Link

Contributed on Mar 01 2023

Amjad Saeed

0 Answers Avg Quality 2/10

this in event arrow function

Contents

More Related Answers

this in event arrow function

Closely Related Answers

when to use arrow function javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.