我正在使用此类,请注意,我想调用类方法mapCoords()
,但是当我从构造函数调用它时,它什么也没做。但是,当从show()函数调用它时,它可以工作;
是否可以从构造函数中调用函数?
class Note {
constructor(aName, aPosX, aPosY, aIsTonic) {
this.name = aName;
this.x = aPosX;
this.y = aPosY;
this.xCoords;
this.yCoords;
this.radius = 15;
this.isTonic = aIsTonic;
this.mapCoords();
}
show() {
this.mapCoords();
ellipse (this.xCoords, this.yCoords, this.radius * 2);
text(this.name, this.xCoords, this.yCoords);
}
mapCoords() {
this.xCoords = map(this.x, 0, maxNumberOfScales - 1, margin, width - margin);
this.yCoords = map(this.y, 0, 12, height - margin, margin);
}
}
更新:
好的,可以从构造函数中正确调用该函数。问题是地图功能(属于p5.js库的一部分)无法完成工作。
从构造函数调用mapCoords()时,this.xCoords
和this.yCoords
为NaN。但是当我用show()
中的完全相同的代码调用完全相同的函数时,坐标是正确计算的。
答案 0 :(得分:3)
它被正确调用,您可以尝试运行它。
它的意思是“似乎什么也没做”
let maxNumberOfScales = 10;
let margin = 10;
let width = 10;
let height = 10;
class Note {
constructor(aName, aPosX, aPosY, aIsTonic) {
this.name = aName;
this.x = aPosX;
this.y = aPosY;
this.xCoords;
this.yCoords;
this.radius = 15;
this.isTonic = aIsTonic;
this.mapCoords();
}
show() {
this.mapCoords();
ellipse (this.xCoords, this.yCoords, this.radius * 2);
text(this.name, this.xCoords, this.yCoords);
}
mapCoords() {
console.log('It is here, learn to use console.log :)');
this.xCoords = map(this.x, 0, maxNumberOfScales - 1, margin, width - margin);
this.yCoords = map(this.y, 0, 12, height - margin, margin);
}
}
function map(){}
new Note('a', 1, 2, true);