课程中提到改变this指向的第一种方法，为什么要在匿名函数中调用？

上面是我的写法，下面是老师课程中提到的写法。两种写法有什么区别，我的写法报错了。

陈莺莺呀 2020-02-22

源自：实战：下拉菜单组件化 3-2 用构造函数的形式重写dropdown模块

22

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2020-02-22 20:08:20

同学你好，是谁调用的问题。

hover中有两个匿名函数，那么匿名函数中的this指向的就是调用hover的元素，也就是这种情况：

obj.show和obj.hide就相当于两个匿名函数

而手动添加匿名函数后

show方法是obj调用的，所以this指向obj，不是div。

祝学习愉快！

陈莺莺呀提问者 #1

好的，感谢老师。没想到老师还没下班，我以为你们朝九晚五呢。

2020-02-22 20:32:09

好帮手慕星星 2020-02-22 16:40:46

同学你好，如果不加匿名函数，可以输出下show方法中的this指向

指向的是触发hover的dom元素，并不是Dropdown对象，改变了show方法中的this指向，所以会有问题。

加上匿名函数调用show方法，后面加了()，this指向不会改变，还是Dropdown 。自己可以测试理解下。

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

提问者陈莺莺呀 #1

我想知道背后的原理，是因为匿名函数创建了一个新的局部作用域吗？这个用作用域链的原理应该怎么解释呢？

2020-02-22 16:46:26

相似问题

this?

老师能解答一下吗

箭头函数中的this指向该函数定义时所在作用域指向的对象

一个没改变this指向一个改变this指向是什么原因？

proxy（）的this指向

登录后可查看更多问答，登录/注册

2.组件化网页开发

参与学习人
提交作业 1121 份
解答问题 14456 个

本阶段在运用JS实现动态网页开发的基础上，带你深入理解企业开发核心思想，完成一个企业级网页的开发，体验前端工程师的成就感。

本课精华内容

问答作业

老师！请教一段代码

37 3

prev+next选择器是否和父子选择器一样呢

22 4

2-11检查

78 1

老师，这样对吗

80 1

提问的同学看这里（慕课网出品）

56 1

查看更多本课问答

请稍等 ...

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

帮助反馈 APP下载

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

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