为什么在 jquery 中使用“this”来调用函数

Question

我有以下代码。在下面的代码中，有两个函数调用另一个函数。但我不明白为什么一旦这个函数被这个函数调用，而另一个函数被另一个地方的变量调用。

 var widgetMethods = {

    getWidgetData: function($widgetElement) {

          var widgetData = $widgetElement.data('widgetData');

          widgetData = (typeof widgetData == 'undefined')  ? { type: null, key: null } : widgetData;

          if( widgetData.type == null ) {
            console.log("Widget type is not specified!");
            return false;
          }

          if( widgetData.key == null ) {
            console.log("Widget key is not specified!");
            return false;

          }
          return widgetData;
        },

    editWidget: function(key, options) {  

          var $self = jQuery(this);
          var widgetData = widgetMethods.getWidgetData($self);
          }

    getWidgetTemplate: function($widgetElement) {

          var widgetData = this.getWidgetData($widgetElement);
          }


    }

谁能帮帮我。我很迷惑。请简述。

Answer 1

this 指的是调用函数的元素的当前指针。因此，您可以使用“this”传递当前元素。但是，当您调用不由同一元素引用的不同函数时，您需要传递相同元素的属性才能使用它。

如果您仍然感到困惑，请查看http://msdn.microsoft.com/en-us/library/y0dddwwd.aspx

:)