javascript - 如何在 RequestAnimationFrame 中使用带参数的函数？

Question

好的，所以我在堆栈overflow 和网络上搜索了如何使用 RequestAnimationFrame 并包含一个函数WITH PARAMETERS 所以这是我的代码问题

requestAnimationFrame(move);
function move(speed) {
    blackSquare.position.y -= 1;
    var moveBS = blackSquare.position.y - 12.5;
    //"stoping it from moving" //begin
    if (moveBS > 0) {
    requestAnimationFrame(move);
    moveBS = blackSquare.position.y + 12.5;
    }
    else {
        console.log("SUCCESS!");
    }
    //"stoping it from moving" //ends
}

这可行，但我希望“移动”有参数，所以当我尝试时

requestAnimationFrame(move(1));
function move(speed) {
    blackSquare.position.y -= speed;
    var moveBS = blackSquare.position.y - 12.5;
    //"stoping it from moving" //begin
    if (moveBS > 0) {
    requestAnimationFrame(move);
    moveBS = blackSquare.position.y + 12.5;
    }
    else {
        console.log("SUCCESS!");
    }
    //"stoping it from moving" //ends
}

我的 blackSquare 出现了一秒钟，然后消失了。在 Chrome 控制台上出现错误“Uncaught TypeError: Type error”，指出第二个提供的代码中的第一行。然后是“成功!”

    requestAnimationFrame(move(1));
function move(speed) {
    blackSquare.position.y -= speed;
    var moveBS = blackSquare.position.y - 12.5;
    //"stoping it from moving" //begin
    if (moveBS > 0) {
    requestAnimationFrame(move(1));
    moveBS = blackSquare.position.y + 12.5;
    }
    else {
        console.log("SUCCESS!");
    }
    //"stoping it from moving" //ends
}

当我同时更改两者时，结果略有不同，因为方 block 消失然后立即出现在屏幕末尾(我的意图是但动画缓慢)控制台日志看起来像这样

SUCCESS!
Uncaught TypeError: Type error

代替

Uncaught TypeError: Type error
SUCCESS!

有人可以帮助我完成这项工作并告诉我我的代码中到底发生了什么吗？

Answer 1

我相信你可以这样做:

var move_param = 1; // Whatever your move parameter needs to be

requestAnimationFrame(function() {
    move(move_param);
});

在这里，您将一个匿名函数传递给 requestAnimationFrame，后者会使用提供的参数调用 move。