关于apply调用

请问老师，

return function(...args){

timer && clearTimeout(timer);

timer = setTimeout(() => {

func.apply(this, args);

}, delay)

};

setTimeout()里面的函数用了箭头函数，那么这个函数的this不是跟外面的匿名函数的this一样指向search-box组件实例吗？为什么要使用apply调用？是因为debounce方法是外部引入的原因吗？

源自：实战：Vue 完成分类、搜索页 2-1 搜索框组件

收起

1回答

好帮手慕嘟嘟 2019-08-21 16:52:29

同学你好，

1，this指向search-box组件实例是对的哦。

2，使用apply的原因是：

课程中是使用的双向数据绑定调用的query，所以query会接收这些输入的内容作为实际参数。因为debounce是通用的函数，因此要考虑多个参数的情况，所以使用扩展运算符的形式把这些参数放在一个数组arg中。案例中是传入一个。

apply是将所有要传入调用函数的参数放在一个数组中，所以在内部函数中，通过apply调用func把参数传递了过去。

如果还有疑惑，可以在问答区再次提问，我们会继续为你解答的。

如果我的回答帮助了你，欢迎采纳，祝学习愉快~

提问者慕后端6382265 #1

为什么不用apply调用，直接调用func()会报错？

2019-08-21 17:22:12
好帮手慕嘟嘟回复提问者慕后端6382265 #2

同学你好，因为使用扩展运算符的形式把这些参数放在一个数组arg中，apply传递的参数是数组哦~所以要调用apply方法。希望能帮到你~

2019-08-21 18:53:59