Javascript OOP : how to refer to object

Question

我有以下 JavaScript 对象。当窗口调整大小时，我希望它调用自己的 resize() 方法。但是，在 window.onresize 函数中，this 指的是 window - 而不是 Canvas 对象。如何调用 Canvas 对象？

function Canvas(element) {
    this.element = element;
    this.canvas = element.getContext("2d");
    this.width = element.width;
    this.height = element.height;

    this.resize = function () {
        this.width = window.innerWidth;
        this.height = window.innerHeight;

        this.element.width = this.width;
        this.element.height = this.height;
    };

    window.onresize = function () {
        this.resize();
          ^- error
    };
}

提前谢谢你。

Answer 1

window.onresize = this.resize.bind(this);

如果您支持旧版浏览器，请包含 the MDN compatibility patch对于 Function.prototype.bind()。