为什么我不能在Javascript中调用同一个类函数中的类函数？
提问于 2019-04-04 17:02:48
它说没有定义this.draw，但我在同一个类中定义了绘图。为什么我不能在另一个类函数中调用一个类函数？
function Recorder() {
this.recording = false;
this.sideLength = 5;
this.currList = new SLinkedList(comparator);
this.curr = null;
}
Recorder.prototype = {
constructor:Recorder,
draw : function (xPos, yPos) {
if(recording) {
currList.addEnd([xPos,yPos]);
}
let context = document.getElementById("canvas").getContext("2d");
let getColorPickerByID = document.getElementById("colors");
let getValueOfColorPicker = getColorPickerByID.options[getColorPickerByID.selectedIndex].text;
context.fillStyle = getValueOfColorPicker;
context.fillRect(xPos,yPos,sideLength,sideLength);
},
processMousePosition : function (evt){
this.draw(evt.pageX, evt.pageY);
}
};
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-04-04 17:11:45
为类提供一个名为handleEvent的方法。使此函数检查evt.type并为该事件调用适当的方法。
function Recorder() {
this.recording = false;
this.sideLength = 5;
this.currList = new SLinkedList(comparator);
this.curr = null;
}
Recorder.prototype = {
constructor:Recorder,
handleEvent : function(evt) {
switch (evt.type) {
case "mousemove":
this.processMousePosition(evt);
break;
}
},
draw : function (xPos, yPos) {
// your draw code
},
processMousePosition : function (evt){
this.draw(evt.pageX, evt.pageY);
}
};然后，当您将侦听器添加到元素时，传递您的Recorder实例而不是它的方法。这将导致在事件发生时调用handleEvent方法。
var r = new Recorder();
myElement.addEventListener("mousemove", r);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55526903
复制相关文章
点击加载更多
腾讯云开发者
