javascript - Get parent object within jQuery callbacks - Stack Overflow

admin管理员组

文章数量:1405564

This is my issue:

var greatapp = {
  start : function(){
    $.AJAX({
      url : 'foo',
      success : function(data){
        greatapp.say(data);
      }
    })
  },

  say : function(s){
    console.log(s);
  }
}

What i don't like about this example is the fact that i repeat my self in the success function by defining the object's name instead of just this which obviously won't work because it's in an external function.

How to only have the name greatapp one time in a JS object?

This is my issue:

var greatapp = {
  start : function(){
    $.AJAX({
      url : 'foo.',
      success : function(data){
        greatapp.say(data);
      }
    })
  },

  say : function(s){
    console.log(s);
  }
}

What i don't like about this example is the fact that i repeat my self in the success function by defining the object's name instead of just this which obviously won't work because it's in an external function.

How to only have the name greatapp one time in a JS object?

• javascript

Share Improve this question Follow asked Jan 3, 2012 at 2:18 CodeOverloadCodeOverload 48.6k5656 gold badges133133 silver badges223223 bronze badges 1

• See stackoverflow./questions/183702/… – Ivan Commented Jan 3, 2012 at 2:21

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

A mon JavaScript idiom is to save the value of this into a variable like me or self, and use that in the callback.

This will work since the callback has access to the variables declared in the enclosing scope—in other words the callback will form a closure over self

var greatapp = {
  start : function(){
    var self = this;
    $.AJAX({
      url : 'foo.',
      success : function(data){
        self.say(data);
      }
    })
  },

  say : function(s){
    console.log(s);
  }
}

本文标签： javascriptGet parent object within jQuery callbacksStack Overflow