If语句在箭头函数中不起作用[重复]

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') 和 console.log('after') 有效。如果我使用function() 而不是() => {...}，if 语句才有效，即使条件得到满足。为什么会这样？

Answer 1

箭头函数中没有this 运算符，只有function 函数中..

在箭头函数中使用this 时，它不指代函数范围；而是到父作用域（通常是window）