javascript - 是否有可能在箭头函数中获取 this 以及全局 this？

Question

我有:

        checkbox.addEventListener('change', () => {
            console.log(this.checked)
        })

问题是 this.checked 由于箭头函数而未定义。那么如何检查复选框的值呢？我知道我可以使用常规的 function，但我想将 this 保留在外部范围内，因为我将从中调用一些函数

Answer 1

违背了箭头函数的目的。使用事件对象获取对被单击元素的引用。

checkbox.addEventListener('change', (event) => {
  console.log(event.target.checked)
})

而且您还将复选框定义为变量，因此您可以使用它

checkbox.addEventListener('change', (event) => {
  console.log(checkbox.checked)
})