条件为假时如何暂停

您可以创建 Promise

const yGreaterThanZero, { resolve } = new Promise();

现在,在您提供的方法中,您可以使用 await yGreaterThanZero ,这正是你所期望的

check: async function() {

    for (var i = 0; i < this.aliens.length; i++) {

        var item = this.aliens[i];

        if ((bullet.lockedXPos >= item.xPos) && (bullet.lockedXPos <= item.xPos + this.size) && (bullet.yPos >= item.yPos) && (bullet.yPos <= item.yPos + this.size)) {

            item.hit = true;
            bullet.hidden = true;
            // while (bullet.yPos >= 0) {};
            await yGreaterThanZero; // this bit here is key
            bullet.hidden = false;

        }

    }

},

bullet.yPos ,您需要添加以下内容:

if (bullet.yPos >= 0) resolve();

当然,变量名应该是语义的,所以不应该只调用它 resolve . 但是,如果您也告诉JS,那么等待某个条件就足够了 什么时候 这种情况发生了。

重要提示:函数 async

当你有一个 spin loop

所以在这种情况下,您需要重新构造代码。一种常见的方法是让主循环每隔一秒左右调用一次其他函数(通常比这更快,通常每帧调用一次)。然后,将代码重写为:

//in main loop
…
let bullet = createBullet() // makes a hidden bullet
handleBullet(bullet)
…

function handleBullet(bullet) {
  if (bullet.yPos >= 0) return
  bullet.hidden = false
}

这只是一个可能的简化答案,有许多技术和模式可以用来更有效地构建代码。

但是,关键是要记住,如果您需要“等待”并且正在使用主循环,那么您真正想要做的是跳过代码的一部分,直到需要等待,直到条件为真,但是请确保 继续工作。