$.getJSON 回调函数未定义

我正在尝试从 json 文件中获取数据来渲染 tilemap。但我一直收到这个错误Uncaught ReferenceError: renderTileMap is not defined。

我试图将 renderTileMap 函数的主体放入 $.getJSON 函数中，并且它可以工作。地图在 0.2 毫秒内呈现，因此无需长时间等待。JSON 文件也是正确的。我不知道为什么 javascript 看不到这个方法。

getData() {
    $.getJSON(this.file, renderTileMap);
}

renderTileMap(json) {
    var actPosX = this.beginPosX;
    var actPosY = this.beginPosY;
    var activeTile = 0;

    var tiles = json.tiles;
    var tilesResources = json.tilesResources;
    var lines = tiles.length / this.lineSize;
    var i, y;
    for(i = 1; i < lines; i++) {
        for(y = 1; y < this.lineSize; y++) {
            ctx.fillStyle = tilesResources[tiles[activeTile]];
            ctx.fillRect(actPosX,actPosY, this.tileWidth, this.tileHeight);
            actPosX += this.tileWidth;
            activeTile++;
        }
        actPosY += this.tileHeight;
        actPosX = this.beginPosX;
    }
}