Javascript OOP:如何引用对象

Javascript OOP: how to refer to object

本文关键字：引用 对象 何引用 OOP Javascript      更新时间：2023-09-26

我有以下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
    };
}

提前谢谢。

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

如果您支持较旧的浏览器，请包括Function.prototype.bind()的MDN兼容性补丁。

在onresize处理程序的闭包中的构造函数范围中保存值"this"。

var _this = this;
window.onresize = function () {
    _this.resize();
};
相关文章：