If-statement does not work inside Arrow-function

Question

$('#title').keyup( () => {
    const title_val = $(this).val();
    console.log('before');
    if (title_val.length >= 20){
        console.log(title_val);
    }
    console.log('after');
});

console.log('before') and console.log('after') works. If-statement only works if I use function() instead of () => {...}, even if the condition is satisfied. Why does it behave like this?

do ` console.log('before', title_val );` first... – Mister Jojo Jun 29 '20 at 03:45 — Mister Jojo, Jun 29 '20 at 03:45

score 1 · Accepted Answer · answered Jun 29 '20 at 03:42

1

There is no this operator in arrow functions, only in function functions..

when using this in an arrow function, it doesn't refer to the function scope; rather, to the parent scope (usually window)

answered Jun 29 '20 at 03:42

B''H Bi'ezras -- Boruch Hashem

3,665
3
33
83

If-statement does not work inside Arrow-function

1 Answers1