闭包里返回的函数对应的arguments

![![图片描述][2]][1]

图片描述

js设计模式和开发实践中的一个例子,var args = arguments 这一行中arguments对应的是哪个函数的arguments?为什么?打了断点arguments是空的,只有一个Event,那为什么还在apply中传入arguments?能不能详细讲解下,谢谢

阅读 3.2k
2 个回答

arguments是function里特定的对象之一,指的是function的参数对象,按题意里的,当然对应的就是它所在的那一层function。即return function(){

这个可能读起来有点绕,慢慢看,首先throttle是一个function,它被调用之后会返回一个function(就是题主提到的arguments所在的那个function,我们先叫他Afn吧)

为什么只有一个Event呢?(话说有Event了,arguments不能说是空吧)

clipboard.png

这得看到这里来,正常来说一个onresize绑定回调是这么个格式:

window.onresize = function(event){};

正好这里用的是throttle();它本身就返回一个function,对应的function(event){}

于是,前面我们说的Afn,在onresize触发回调的时候是这么调用的Afn(event),参数是event对象。

至于为什么apply要传入arguments?

因为这里延迟执行,我真正要调用的那个函数,跟我回调调用的函数Afn并不是同一个,参数不共用,所以要手动把我实际回调的函数的参数传给我真正要调用的函数用。

1.arguments是返回的函数的参数集合,至于为什么,因为它是在返回的那个函数里;
2.至于为什么要在apply中传入arguments,则是因为fn是由使用throttle函数的人来定义的,也许fn在使用时需要传参,而你说的Event,是因为这里是作为事件回调使用,所以会给函数传入Event对象,而很多时候我们也会需要Event对象的一些属性,所以这里必然需要传参;
3.throttle函数的作用是节流,在这里是当页面resize的时候,为了避免连续多次调用fn,造成卡顿。

希望对你有所帮助。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题