Question

var a = function(){

    this.x = function(){alert('apple');}
    this.y = function(callback){
        if(typeof callback == 'undefined' || callback == null)
            alert('argh')
        else
            callback();
    }
}
var foo = function(){alert('blah')};
var x = new a();
x.y(this.x); // why is this one undefined
x.y(foo); // works as expected

​
here is the jsfiddle link: http://jsfiddle.net/W7FyZ/2/

Why is it undefined when I pass in a object member function? Is there a way to pass a object member function as a callback?

Answer 1

I have just renamed your variable to clear the confusion.

var a = function(){
    this.x = function(){alert('apple');}
    this.y = function(callback){
        if(typeof callback == 'undefined' || callback == null)
            alert('argh')
        else
            callback();
    }
}
var foo = function(){alert('blah')};

Now, In the execution part:

var myA = new a();

Above line is assigning function a() variable ‘myA’. So,Functions x() and y() of a(),should be called as myA.x() and myA.y().

x.y(myA.x); // it works 
x.y(this.myA.x) // This also works as this is a current window
x.y(foo); // works as expected