未捕獲的TypeError：無法讀取未定義的屬性'getContext'

Question

我在運行腳本時收到此錯誤“ Uncaught TypeError：無法讀取未定義的屬性'getContext'”。 似乎變量“ canvas”是未定義的，但我不知道為什么。

var world = {
    canvas: document.getElementById("myCanvas"),
    context: this.canvas.getContext("2d"),
    centerX: this.canvas.width / 2,
    centerY: this.canvas.height / 2,
    drawShape: function (shape) {
        if (typeof shape.draw() === "function")
            shape.draw();
    }
};

Answer 1

我在world文字之外聲明了可變canvas ，它正在工作

Answer 2

對象常量不建立上下文this ，所以你不能引用一個對象作為this字面定義。

在您的情況下， this.canvas.getContext可能被評估為window.(undefined).getContext因為window沒有canvas屬性。

您可以保存對canvas屬性的引用，並避免this ：

var world = {
    canvas: (var canvas = document.getElementById("myCanvas")),
    context: canvas.getContext("2d"),
    centerX: canvas.width / 2,
    centerY: canvas.height / 2,
    drawShape: function (shape) {
        if (typeof shape.draw() === "function")
            shape.draw();
    }
};