如何解决移除JS代码中fadeOut时出现的malformed arrow报错问题

错误原因 #

你修改后的代码中getTypingMessages(data) => { ... }的写法不符合JavaScript语法规范：=>是箭头函数的定义符号，只能用于函数定义场景，不能直接跟在函数调用表达式之后，因此触发了箭头函数格式错误。

正确实现 #

你不需要保留fadeOut的回调结构，getTypingMessages(data)返回的就是你要删除的jQuery元素集合，直接对其调用remove()方法即可：

const removeChatTyping = (data) => {
    getTypingMessages(data).remove();
}

补充说明 #

原代码中fadeOut的回调函数里的$(this)指向的就是getTypingMessages(data)返回的元素集合，去掉淡出动画逻辑后不需要额外写回调包裹remove操作，直接调用即可完成元素删除。

内容的提问来源于stack exchange，提问作者Pedro Perez