Question

我正在尝试用JavaScript制作图形库。我想创建一个Rectangle课程，但我不想让它在全局范围内，因为我的所有函数等都在一个名为L2D的对象中。

这是我的代码：

// "primitive" objects
L2D.Vec2 = (x, y) => {
    this.x = x;
    this.y = y;
}

// interfaces
L2D.Drawable = () => {
    this.fillColor = '#FFF';
    this.outlineColor = '#000';
}

L2D.Transformable = () => {
    this.position = L2D.Vec2(0, 0);
}

L2D.Shape = () => {
    L2D.Drawable(); L2D.Transformable();

    this.vertices = [];

    this.draw = (context) => {
        context.beginPath();
        for (let i in this.vertices) {
            let v = this.vertices[vert]
            if (i == 0) context.moveTo(v.x, v.y);
            else context.lineTo(v.x, v.y);
        }
        context.closePath();

        if (this.fillColor) {
            context.fillStyle = this.fillColor;
            context.fill();
        }
        if (this.outlineColor) {
            context.strokeStyle = this.outlineColor;
            context.fill();
        }
    }
}

// classes
L2D.Rectangle = (x, y, w, h) => {
    L2D.Shape();

    this.vertices = [
        L2D.Vec2(x, y),
        L2D.Vec2(x + w, y),
        L2D.Vec2(x + w, y + h),
        L2D.Vec2(x, y + h)
    ]
}

问题是，我无法拨打new L2D.Rectangle(x, y, w, h)。我收到一个错误：

Uncaught TypeError: L2D.Rectangle is not a constructor

我尝试过function L2D.Rectangle和class L2D.Rectangle，但都会导致错误（抱怨该点）。

我如何实现我想要做的事情？

Answer 1

箭头功能无法重新绑定此上下文。这已经与词汇范围有关。对于新的工作，你应该有简单的功能。

L2D.Rectangle = function(x, y, w, h) {};

Javascript类作为对象的孩子

1 个答案: