][2]][1]
js设计模式和开发实践中的一个例子,var args = arguments 这一行中arguments对应的是哪个函数的arguments?为什么?打了断点arguments是空的,只有一个Event,那为什么还在apply中传入arguments?能不能详细讲解下,谢谢
][2]][1]
js设计模式和开发实践中的一个例子,var args = arguments 这一行中arguments对应的是哪个函数的arguments?为什么?打了断点arguments是空的,只有一个Event,那为什么还在apply中传入arguments?能不能详细讲解下,谢谢
1.arguments
是返回的函数的参数集合,至于为什么,因为它是在返回的那个函数里;
2.至于为什么要在apply
中传入arguments
,则是因为fn
是由使用throttle
函数的人来定义的,也许fn
在使用时需要传参,而你说的Event
,是因为这里是作为事件回调使用,所以会给函数传入Event
对象,而很多时候我们也会需要Event
对象的一些属性,所以这里必然需要传参;
3.throttle
函数的作用是节流,在这里是当页面resize
的时候,为了避免连续多次调用fn
,造成卡顿。
希望对你有所帮助。
10 回答11.3k 阅读
5 回答4.9k 阅读✓ 已解决
4 回答3.2k 阅读✓ 已解决
2 回答2.8k 阅读✓ 已解决
3 回答2.4k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
arguments
是function里特定的对象之一,指的是function的参数对象,按题意里的,当然对应的就是它所在的那一层function。即return function(){
;这个可能读起来有点绕,慢慢看,首先
throttle
是一个function,它被调用之后会返回一个function(就是题主提到的arguments所在的那个function,我们先叫他Afn
吧)为什么只有一个Event呢?(话说有Event了,arguments不能说是空吧)
这得看到这里来,正常来说一个onresize绑定回调是这么个格式:
正好这里用的是throttle();它本身就返回一个function,对应的
function(event){}
于是,前面我们说的
Afn
,在onresize触发回调的时候是这么调用的Afn(event)
,参数是event对象。至于为什么apply要传入arguments?
因为这里延迟执行,我真正要调用的那个函数,跟我回调调用的函数Afn并不是同一个,参数不共用,所以要手动把我实际回调的函数的参数传给我真正要调用的函数用。