回调函数作为window.requestAnimationFrame（）的参数

Question

我在使用requestAnimationFrame（）的js文件中。 我知道参数应该是回调函数。 我认为我的论点是回调函数，但错误出现在js控制台中：

TypeError：Window.requestAnimationFrame的参数1不是对象。

file.js：

function screen(){
     console.log("it works!")
}

function fun(word){
    if (word === 'tree'){
        screen()
    }
window.requestAnimationFrame(fun("tree"));

一切正常。 我在大型项目中使用了它，并且一切都能按我的意愿进行，但是我不知道为什么在js控制台中有错误

Answer 1

您将执行fun函数的结果传递给requestAnimationFrame ，这就是为什么会出现错误（因为它返回未定义）的原因。

正确的方法：

function screen(){
     console.log("it works!")
}

function fun(word){
    if (word === 'tree'){
        screen()
    }
}
window.requestAnimationFrame(fun.bind(window, "tree"));

有关bind更多信息，请参见文档 。

Answer 2

处理此类问题的常用方法是将对fun("tree")调用包装在一个匿名函数内，该函数成为requestAnimationFrame可以使用的回调：

function screen(){
     console.log("it works!")
}

function fun(word){
    if (word === 'tree'){
        screen()
    }
}
window.requestAnimationFrame(function () { fun("tree"); });

这与您的代码不同，因为您传递的是使用参数“ tree”调用fun函数的结果。 由于fun不会返回任何结果，因此是不确定的。 好像你做了

var x = fun("tree"); // x is undefined
window.requestAnimationFrame(x);