节流的问题

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,要认真看一下哦,这里是调用了debounce,传入了一个函数作为实参。调用的函数会自己立马执行,不是等数据变化了才会执行。debounce自己执行后,返回的就是匿名函数,所以实际上监听的函数就是它里面的匿名函数。

http://img1.sycdn.imooc.com//climg/5eb13a3b09e863bd06100145.jpg

祝学习愉快 ~

好帮手慕夭夭 2020-05-05 10:03:30

同学你好,因为这个匿名函数是绑定在监听上的。监听的数据只要发现改变,就会自动触发监听的方法,也就是我们绑定的匿名函数。这是vue自己规定好的,固定记住即可。

apply方法是为改变函数内部的this指向,第一个参数this就是把当前this的指向传递给函数func。如下的this是指的vue实例,那么func中使用的this也就表示vue实例。

http://img1.sycdn.imooc.com//climg/5eb0c87f09a7e93f02840076.jpg

如果不是借助apply调用函数,那么直接调用的函数是window调用的,如果在之前的js中,this应该指向window。不过es6中是严格模式,严格模下指向的是undefined。

祝学习愉快~


  • 但是绑定监听触发的应该是debounce函数啊,触发debounce函数为什么也会触发里面的匿名函数执行呢
    2020-05-05 10:12:16
好帮手慕夭夭 2020-04-20 19:43:04

同学你好,问题解答如下:

1.这是因为this指向不同了。vue组件中使用普通函数时,this指向组件的实例。$emit是组件实例中的方法,所以可以通过this.$emit拿到。可以输出一下this,此时是组件的实例:

http://img1.sycdn.imooc.com//climg/5e9d8830096aede310120044.jpg

而箭头函数中的this是在函数创建时绑定的,它指向的是vue的配置对象(简单的理解就是组件的配置,不用输入理解它)。配置对象没有$emit方法,所以this.$emit拿不到就会报错。

http://img1.sycdn.imooc.com//climg/5e9d886b09cec7d302190033.jpg

2.截图的写法就是如下的简写形式,当监听的变量与后面的函数同名时,就可以使用简写形式。

http://img1.sycdn.imooc.com//climg/5e9d8915094155c304850118.jpg

但是这样嵌套了一层函数,监听的就是函数query ,当query执行,才会调用debounce。debounce返回一个匿名函数,但是这个匿名函数没有调用,所以不会执行。

http://img1.sycdn.imooc.com//climg/5e9d8a420937b27007560295.jpg

而如下debounce不嵌套在函数中,自己就会执行,会返回匿名函数。也就是本质上,监听query执行的就是这个上面的匿名函数。

http://img1.sycdn.imooc.com//climg/5e9d89fa09ce5b8707080195.jpg

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

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师