在 Chrome 开发者工具调试中,`this` 的指向可能会有一些问题,特别是在使用箭头函数时。
箭头函数的特性之一是它们不会绑定自己的 `this` 值,而是继承父级作用域的 `this` 值。这意味着在箭头函数中,`this` 实际上是取决于其定义时的上下文,而不是调用箭头函数时的上下文。
然而,在 Chrome 开发者工具的调试环境中,当你在箭头函数中使用 `this` 关键字时,它可能指向全局对象(在浏览器环境中通常是 `window`),而不是你期望的对象。
这是由于 Chrome 开发者工具在显示 `this` 值时的一种行为,它将 `this` 指向了全局对象。
为了解决这个问题,你可以使用普通函数,而不是箭头函数来定义你的代码,或者通过其他方式绑定正确的上下文,例如使用 `bind()` 方法。
另外,在 Chrome 开发者工具的调试环境中,你可以在调试窗口的右上角选择 "Enable 'Async'/'Await'" 选项。启用后,可以更好地处理异步函数中的 `this` 指向问题。