未捕获的类型错误：无法读取未定义的属性“长度”

Question

我面临未捕获的类型错误：在使用 JavaScript 运行以下代码时，无法在输出控制台中读取未定义的属性“长度” ：

var field = [];

function setup()
{
    createCanvas(625, 625);
    field = generateField();    
}

function draw()
{
    background(51);

    for(var i=0; i<field.length; i++)
    {
        field[i].draw();
    }
}

function generateField()
{
    var f = [];
    for (var i = 0; i < 625; i++)
    {
        f.push(new Tile(i%25, Math.floor(i/25), "BARRIER"));
    }
}

错误出现在行中： for(var i=0; i < field.length; i++)

任何有关如何调试此问题的建议将不胜感激。

Answer 1

您很可能只是在此函数中缺少一个 return 语句：

function generateField()
{
    var f = [];
    for (var i = 0; i < 625; i++)
    {
        f.push(new Tile(i%25, Math.floor(i/25), "BARRIER"));
    }
    return f;      // <-- this line
}

Answer 2

您在generateField函数上缺少return语句，正如在Functions - JavaScript|MDN 中所解释的那样：

没有return语句的function将返回一个默认值。 对于使用new关键字调用的constructor ， default值是其this参数的值。 对于所有其他函数，默认return值是undefined 。

在这种情况下， generateField被用作常规函数，它将返回undefined 。 因此，当尝试访问field变量的length属性时，会抛出Uncaught TypeError 。