JavaScript 箭头函数理解

Question

这个问题已经有答案了:

Are 'Arrow Functions' and 'Functions' equivalent / interchangeable? (5 个回答)

已关闭 7 年前。

我有这个功能:

$(".tabstrip li").each(function () {
        $(this).attr("id") == "searchlist" ? $(this).addClass("selected") : $(this).removeClass("selected");
    })

现在我问自己，是否可以缩短这个时间。所以我尝试了这个:

$(".tabstrip li").each(() => $(this).attr("id") == "searchlist" ? $(this).addClass("selected") : $(this).removeClass("selected"))

但它不起作用。我如何理解箭头函数这应该是正确的。

(也没有错误)

有人明白这个吗？这并不重要，但我无法休眠，直到我弄清楚为什么这不起作用;)

谢谢您的宝贵时间^^

Answer 1

箭头函数设置其内部 this 的值，使其与外部 this 的值相同。

这会破坏您的代码，因为 each 调用的常规函数​​将根据当前循环的值具有 this 值(并且您的函数取决于该值)情况如此)。

<小时/>

不要使用箭头函数“使代码更短”。那不是他们的目的。箭头函数用于控制 this 的值。