JavaScript 嵌套函数原型(prototype)作用域

Question

我仍然无法弄清楚如何在 JavaScript 中管理范围。在这个特定示例中，我有一个包含某些属性的绘图函数和一个需要基于数组绘制线条的函数。

function Draw (canvas)
{
    this.ctx = canvas.getContext('2d');
    this.street_size = 20;
}

Draw.prototype.street = function (MAP)
{

    MAP.forEach(function (name)
    {
        this.ctx.moveTo(name.start.x,name.start.y);
        this.ctx.lineTo(name.end.x,name.end.y)
        this.ctx.stroke();
    });
}

当然，forEach 函数内部的“this.ctx”返回“undefined”。我怎样才能确保 Draw() 的变量被传递给 forEach 函数(不做类似 ctx = this.ctx 的事情)？

Answer 1

您可以使用 .bind ^[MDN] :

MAP.forEach(function (name) {
    this.ctx.moveTo(name.start.x,name.start.y);
    this.ctx.lineTo(name.end.x,name.end.y)
    this.ctx.stroke();
}.bind(this));

Learn more about this.