自定义元素/Web 组件方法作为箭头函数 [复制]

Custom Element / Web Component Methods as Arrow Functions [duplicate]

提问人:David Mays 提问时间:3/23/2023 更新时间:3/23/2023 访问量:65

问:

我正在学习自定义元素/Web 组件,并且不确定为什么我的 connectedCallback() 和 attributeChangedCallback() 方法似乎从未被调用并且没有收到任何错误,但最终发现我将它们中的每一个都创建为箭头函数。将它们更改为常规功能可以让事情恢复正常。

为什么 connectedCallback 和 attributeChangedCallback() 不能用作箭头函数?作为箭头函数是否会以无法在自定义元素中使用的方式更改范围?这与 Web 组件中使用“this”有什么关系,如果 Web 组件中的其他方法是箭头函数,会不会有问题?(<这似乎工作正常,但是我的箭头函数中的 this 会比非箭头 connectedCallback 等的 this 更高吗?

javascript 这个 Web 组件 arrow-functions 自定义元素

评论

4赞 Unmitigated 3/23/2023
你有最小的可重复的例子吗?

答: 暂无答案