javascript - 箭头语法和函数语法真的相同吗？ (无法读取未定义的属性 'createDocumentFragment')

Question

这个问题已经有答案了:

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

已关闭 4 年前。

所以我的代码发生了一件非常有趣的事情。当使用箭头语法声明我的函数时，出现错误。但是当我使用旧的 function() 语法时没有错误。

const clean = (blurb) => {
    blurb.find('a').each(()=> { $(this).replaceWith($(this).html()) });
}

(无法读取未定义的属性“createDocumentFragment”)

^^^^错误^^^^

对比

const clean = (blurb) => {
    blurb.find('a').each(function() { $(this).replaceWith($(this).html()) });
}

^^^^没有错误^^^^

所以干净应该只删除“a”标签的所有实例，但这仅在我使用旧方法时才有效？知道为什么会发生这种情况吗？

谢谢

Answer 1

箭头函数不像常规函数那样有自己的 this，这可能是导致错误的原因。

更多信息:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions