ECMA6 function declaration style doesnt work

Question

If parent is a jQuery element, when I do this:

parent.change(function (e) {
    e.preventDefault();
    console.log($(this));
    console.log($(this).data('tab'));
});

This is working, but when I do this:

parent.change((e) => {
    e.preventDefault();
    console.log($(this));
    console.log($(this).data('tab'));
});

it's not working, why?

because `this` is different in arrow functions – Jaromanda X Sep 20 '17 at 09:46 — Jaromanda X, Sep 20 '17 at 09:46
Actually there's no function declarations in your code. – Teemu Sep 20 '17 at 09:47 — Teemu, Sep 20 '17 at 09:47

score 1 · Accepted Answer · answered Sep 20 '17 at 09:48

1

parent.change((e) => {
    e.preventDefault();
    console.log($(e.target));
    console.log($(e.target).data('tab'));
});

answered Sep 20 '17 at 09:48

Sagiv b.g

1 Answers1