胖箭头或带有此关键字 [duplicate] 的 function（）

问：

在我提出问题之前，我将设置一些上下文。

我还在学习，今天做了一个练习，我不得不使用带有“this”关键字的传统函数。

使用下面的示例和控制台.log，我能够检索我想要的值，例如input.value。

let inputs = document.querySelectorAll(".controls input")
let input = document.querySelector("input")

const handleUpdate(){
 
 console.log(this.value) \\ the output is the value of input.value eg 25
  
}

  inputs.forEach(item=>item.addEventListener("mousemove", handleUpdate))
  inputs.forEach(item=>item.addEventListener("change", handleUpdate))

但是，如果我使用带有粗箭头的 ES6 函数，那么它不起作用并变得“未定义”。

在疯狂地阅读文章之后，我明白“这个”总是指向父对象，例如。全局对象（窗口）（如果我错了，请纠正我。因此，在这种情况下，ES6 函数将始终返回 'undefined'。如果我将“this.value”更改为“input.value”，它可以正常工作，请参见下文。

let inputs = document.querySelectorAll(".controls input")
let input = document.querySelector("input")

const handleUpdate=()=>{
 
 console.log(this.value) \\ undefined
console.log(input.value) \\ the output is the value of input.value eg 25
  
}

  inputs.forEach(item=>item.addEventListener("mousemove", handleUpdate))
  inputs.forEach(item=>item.addEventListener("change", handleUpdate))

我的问题是我应该使用第一种方法，它是带有“this”关键字的传统函数还是带有 ES6 语法的方法（这只是意味着我不能使用“this”关键字）。我使用哪个重要吗？

感谢您对此的任何帮助。