在匿名函数 .on 中使用变量

Question

所以我没有太多将类与 javascript 一起使用的经验，我正面临一个很容易解决但我找不到解决方案的问题。

很简单，我想访问".on()"匿名函数中的变量this.gtaList。

我知道不使用类的解决方案，但由于我强迫自己使用它们以便以后能够使用此代码，所以我面临壁垒。

...

            success: function(streamList) { 
                     this.gtaList = [];
                     this.streamList = streamList

                for (let i = 0; i < this.streamList['data'].length; i++){

                    if(this.streamList['data'][i]['game_id'] == 32982){

                        this.gtaList.push(this.streamList['data'][i]['display_name'])
                                                                                                                   
                        this.img = $('<img id="thumbnail'+i+' " src="https://static- 
                        cdn.jtvnw.net/previews-ttv/live_user_'+this.streamList['data'][i] 
                        ['display_name']+'-300x200.jpg">')
                        .on("click", (function (index) { /* I want to use this.gtaList inside this 
                                                            function*/
                            
                            return function (e) { 
                                console.log(index)                                   
                                new Twitch.Embed("twitch-embed-main", {
                                    width: '80%',
                                    height: '80%',
                                    channel: this.gtaList[index],/* this.gtaList is undefined here */
                                    autoplay: false,
                                    layout: "video",
                                    parent: ["embed.example.com", "othersite.example.com"]
                                }); 
                            };
                        })(i));

                        $('#twitch-embed-low').append(this.img)    
                    }
                }

...

我希望我已经尽可能清楚了，总的来说我很难解释哈哈。

Answer 1

改为使用箭头函数 =>，以便您可以正确访问 this 关键字

像这样：

.on("click", index => { })

在匿名函数 .on 中使用变量

Using variable inside anonymous function .on

javascript

jquery

twitch

es6-class