I have the following code. I expected to see "archive" object on my firebug console, but I see Window object. Is it normal?

var archive = function(){}

archive.prototype.action = {
    test: function(callback){
        callback();
    },
    test2: function(){
        console.log(this);
    }
}

var oArchive = new archive();
oArchive.action.test(oArchive.action.test2);

I have the following code. I expected to see "archive" object on my firebug console, but I see Window object. Is it normal?

var archive = function(){}

archive.prototype.action = {
    test: function(callback){
        callback();
    },
    test2: function(){
        console.log(this);
    }
}

var oArchive = new archive();
oArchive.action.test(oArchive.action.test2);

• javascript
• this

Share Improve this question Follow asked Apr 27, 2010 at 8:11 MoonMoon 22.6k7272 gold badges198198 silver badges276276 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

oArchive.action.test2 gets you a reference to a function that callback then points to, but that function is then called using callback(), which means it is not called as a method and hence this is the global object. The key point is that this is not bound to a function: it's determined by how the function is called.

In this case you could explicitly make this point to the action object (but not the archive object) by using the callback function's call or apply method:

test: function(callback) {
    callback.call(this);
},

To get it this to be the archive object instead, you'll need to pass the archive object in:

var archive = function(){}

archive.prototype.action = {
    test: function(callback, archive){
        callback.call(archive);
    },
    test2: function(){
        console.log(this);
    }
}

var oArchive = new archive();
oArchive.action.test(oArchive.action.test2, oArchive);