老师可以讲一下这几行代码吗？

44行的requestAnimationFrame里面都没有出现过fn字眼，这两个函数是怎么产生练习的呢。。

源自：移动常见问题 2-2 JS-浏览器兼容性

收起

2回答

好帮手慕慕子 2019-09-30 14:46:31

同学你好，因为老师这里只是做一个测试，只有几行代码，而且功能相对单一，所以直接写上面是可以的。

但是实际中可能会有大量的代码，而且调用requestAnimationFrame函数可能有不同的作用，那么传入的函数内部代码可能会有所不同，所以更推荐使用分开写的方式，这样可以更加方便代码阅读与修改哦

如果帮助到了你，欢迎采纳！

祝学习愉快~~~

好帮手慕慕子 2019-09-30 12:07:30

同学你好，如下图所示，从完整代码可以看出， window对象下没有requestAnimationFrame属性的时候，就自己定义一下函数。

我们假设前面的条件都不满足，那么此时的代码为： var requestAnimationFrame = function (fn) { setTimeout(fn, 16)}。这里的fn就是一个形参，在调用requestAnimationFrame函数的时候传入的值就表示fn

同学可以尝试理解一下哦

如果帮助到了你，欢迎采纳！

祝学习愉快~~~

提问者 hyperse #1

就是说window对象下没有requestAnimationFrame属性的时候，当web moz o ms前缀或没有前缀时，requestAnimationFrame就等于这个方法：function (fn){}; 而requestAnimationFrame的参数就是传入function函数中的fn。那为什么不直接在上面写requestAnimationFrame(fn){setTimeout(fn,16)};呢。。。

2019-09-30 14:31:52