已经使用绑定后意外的这个值

Question

我真的不明白为什么在 foreach（console.log 打印的地方）中它变成了 Window 对象。提前致谢。

代码检测悬停事件，然后读取范围滑块值。

HTML，

<input type="range" min="0" max="255" step="1" value="10" id="rangeR">

JS，

var ColorDispatcher = function() {
this.rgbColorArray=new Array(0,0,0);
};

ColorDispatcher.prototype = {
hoverHandler:function () {
     var SliderArray=new Array(document.getElementById("rangeR"));
     SliderArray.forEach(function sliderHandler(element, index, array){         
     console.log(this);
             element.addEventListener("change", function() {
                 if(index==0){//R
                     this.rgbColorArray[0]=element.value;                       
                 }
             });

     });


},

};
var dispatcher = new ColorDispatcher();
document.body.addEventListener('mouseover',dispatcher.hoverHandler.bind(dispatcher));

Answer 1

bind 为调用它的函数设置this 的值。当你调用dispatcher.hoverHandler，那么this就是dispatcher

这一行：

console.log(this);

…不是dispatcher.hoverHandler的一部分

它是您传递给SliderArray.forEach 的sliderHandler 函数的一部分。

如果你想传递一个不同的this 值，那么你应该使用forEach 的second 参数（在函数之后）。

Answer 2

为什么要命名回调函数？

我认为与其传递匿名函数，不如创建一个全局函数，然后“this”就是窗口。

尝试删除名称“sliderHandler”。