从对象内函数数组中的回调函数访问正确的“this”

Question

我试图从“steps”数组中的函数内部访问“helperFunction”。显然，使用“this”并不是指正确的对象，但我似乎无法找到正确的解决方案。

const横幅动画={属性：0，步骤：[函数one（）{this.property=this.helperFunction（）；},函数two（）{console.log（this）；}],帮助程序函数（）{//做一些计算并返回结果返回1；},doSteps（steps=this.steps）{步骤.forEach（步骤=>{setTimeout（步骤，100）；});}};bannerAnimation.doSteps（）；

非常感谢大家的帮助！

Answer 1

你可以通过使用绑定在回调中设置超时正确绑定这正确的上下文。

const bannerAnimation={属性：0，步骤：[函数one（）{this.property=this.helperFunction（）；},函数two（）{console.log（this）；}],helperFunction（）{//做一些计算并返回结果返回1；},doSteps（steps=this.steps）{var self=此；步骤.forEach（步骤=>{setTimeout（step.bind（self），100）；});}};bannerAnimation.doSteps（）；