callback function return global object :/

Question

Please help with my problem described below:

var Land = function(){
    this.cities = [];
}
Land.prototype = {
    addCity : function(city){
        this.cities.push(city);
    }
}
var City = function(){
    this.val = "foo";
};
City.prototype = {
    test : function(){
        this.val = "bar";
        console.log(this);
    }
}


var myLand = new Land();
myLand.addCity(new City());

// this row return right - City Object - :)
myLand.cities[0].test();

function callBack(fnc){
    fnc();
}

// this row return fail - global object - :(
// i need return City Object as in the first case
callBack(myLand.cities[0].test);

Community · Accepted Answer · 2017-05-23 11:47:37Z

1

That happens because your callback function invokes the fnc parameter directly, and the reference fnc doesn't contains any base object (fnc is not bound to any accessible object)

There are many ways to avoid this, the most simple IMO, would be to use an anonymous function, and there execute your function:

callBack(function () {
  myLand.cities[0].test();
});

In that way, the this value inside test will be the myLand.cities[0] object.

See this question for more info about the behavior of the this value on functions.

edited May 23, 2017 at 11:47

CommunityBot

11 silver badge

answered Jul 29, 2010 at 2:31

Christian C. Salvadó

831k185 gold badges929 silver badges845 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

callback function return global object :/

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related