关于$.proxy()还是不太理解

mode.init($elem)
  return {
    // show:mode.show,
    show:$.proxy(mode.show,this,$elem),
    // hide:mode.hide,
    hide:$.proxy(mode.hide,this,$elem)
   };

网上看了一些，没太看懂，网上是这样写的。

jQuery.proxy( function, context )

/**function将要改变上下文语境的函数。

** context函数的上下文语境(`this`)会被设置成这个 object 对象。

**/

jQuery.proxy( context, name )

/**context函数的上下文语境会被设置成这个 object 对象。

**name将要改变上下文语境的函数名(这个函数必须是前一个参数 ‘context' **对象的属性)

**/

见信 2019-04-17

源自：实战：电商网站下拉菜单 2-11 将显示隐藏封装成模块--完善

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2019-04-21 09:59:52

同学你好，你的理解还是可以的。

如果没有使用$.proxy()方法，直接调用方法，如下：

那么hover方法中的this指向的就是this.$elem元素，也就是同学说的下拉菜单按钮，但是这两个方法是构造函数中的，并不是元素上的，所以需要改变this的指向。

那么$.proxy()方法中第一个参数是调用已有的函数，第二个参数是函数所在对象的名称，那么使用this，也就是当前上下文中的this：

指向的就是实例化后的Dropdown对象。

祝学习愉快！

收起回答

好帮手慕星星 2019-04-17 15:39:41

同学你好，可以简单理解为改变this的指向，但是这里和this指向没有关系，只是用来传参数的，将$elem元素传入方法中：

在后面的课程中：

也用到这个$.proxy()方法：

在这可以先了解一下，在hover事件中使用了this，那么this就会执行绑定事件的元素this.$elem，但是触发的元素中没有show方法，show方法是Dropdown函数中的，所以需要使用$.proxy()方法，将this指向上下文，也就是实例化后的对象Dropdown。到后面可以再深入学习一下。

祝学习愉快！

收起回答

提问者见信 #1

老师，视频我已经看到这一个章节了，这里的，this.$elem指的是下拉菜单按钮，$.proxy(this.show,this)中的this.show指的是构造函数的show方法，那么里面的this是指构造函数还是下拉菜单按钮？对于$.proxy()这个方法我还是很不理解，尤其是传递什么上下文之类的，现在我的初步理解就是：$.proxy(this.show,this)这个方法用来调用了一个别的对象的方法，this.show指的是别的对象被调用的函数，所以这里的this是指向构造函数对象。那意思，$.proxy()的第一个参数是调用什么函数，第二个参数是这个要调用的函数的位置？

2019-04-20 16:45:39