如果定义了此属性，为什么 Javascript 会生成“未捕获的类型错误：无法读取未定义的属性”？

Question

我正在使用 html5 和 javascript 制作游戏。 该文件是“太空入侵者”的一个版本。 我有一个功能可以检查激光束是否与敌人接触。 但是，当产生激光束时，会产生以下错误：

index.html:94 Uncaught TypeError: Cannot read property 'getTopY' of 
undefined at laserCollision (index.html:94)

LaserCollision() 函数：

function laserCollision() {
    for(var i = enemyArray.length - 1; i >= 0; i--) {
        for(var j = playerLaserBeamsArray.length-1; j >= 0; j++) {
            // make sure not to access an object which does not exist.
            if(playerLaserBeamsArray[j] == 'undefined') break;
            // check if laser beam is at correct y coordinate
            if(playerLaserBeamsArray[j].getTopY() > enemyArray[i].getY() && playerLaserBeamsArray[j].getBottomY() < enemyArray[i].getY()) {
            // check if laser beam is between the enemy's furthermost left and right x-coordinates
            if(playerLaserBeamsArray[j].getLeftX() <= enemyArray[i].getLeftX() && playerLaserBeamsArray[j].getRightX() <= enemyArray[i].getRightX()){
                   score ++;
                   enemyArray[i].splice(i, 1);
                }
            }

        }
    }

游戏可以在： https : //ruben-krueger.github.io/Interstellar-Invaders/

github 存储库位于： https : //github.com/Ruben-Krueger/Interstellar-Invaders

Answer 1

你写过：

for(var j = playerLaserBeamsArray.length-1; j >= 0; j++)

所以，你的“j”会无限增长。 看来，您想写“j--”而不是“j++”。

下一个：

playerLaserBeamsArray[j].getTopY()

随着 j 增长到无穷大，很快 playerLaserBeamsArray[j] 变得未定义，因为您的数组索引超出范围。