代码之家 › 专栏 › 技术社区 › Albizia

从类构造函数调用函数

constructor javascript

Albizia · 技术社区 · 6 年前

我使用这个类,注意,我想调用类方法 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);
    }
}

更新: 好的,函数是从构造函数正确调用的。问题是map函数(它是p5.js库的一部分)没有完成它的工作。从构造函数调用mapCoords()时, this.xCoords 和 this.yCoords 是南。但是当我用相同的代码调用相同的函数时 show() 坐标计算正确。

1 回复 | 直到 6 年前

libik 6 年前

它被正确调用,您可以尝试运行它。

它的意思是“好像什么都没做”

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);