Reference javascript object in its variables when declaring it

Question

I have an object that is defined like this:

function company(announcementID, callback){
    this.url = 'https://poit.bolagsverket.se/poit/PublikSokKungorelse.do?method=presenteraKungorelse&diarienummer_presentera='+announcementID;
    self = this
    GM_xmlhttpRequest({
        method: "GET",
        url: this.url,
        onload: function(data) {
            self.data = data;
            callback();
        }
    })
}

on the callback, I wish to reference another method for that object called "callbacktest", I'm trying to do it like this?

    var mycompany = new company(announcementID, callbacktest);

if I would do it with an anonymous function, I would have written mycompany.callbacktest() but how do I reference "mycompany" from within its variables?

Jonathan Lonowski · Accepted Answer · 2013-08-13 11:46:20Z

2

Until the reference is returned from the constructor to mycompany, you really can't access it for an argument.

So, I would say the "anonymous function" you alluded to is a good way to accomplish this as it will have access to the variable, which will have the reference:

var mycompany = new company(announcementID, function () {
    mycompany.callbacktest();
});

Or, maybe move the request work and callback to a method.

function company(announcementID){
    this.url = 'https://poit.bolagsverket.se/poit/PublikSokKungorelse.do?method=presenteraKungorelse&diarienummer_presentera='+announcementID;
}

company.prototype.request = function (callback) {
    var self = this;
    GM_xmlhttpRequest({
        method: "GET",
        url: this.url,
        onload: function(data) {
            self.data = data;
            callback();
            // or: callback.call(self);
        }
    })
};

company.prototype.callbacktest = function (...) { ... };

// ...

var mycompany = new company(announcementID);
mycompany.request(mycompany.callbacktest);

Note: You may need to .bind() the method when passing it to .request().

mycompany.request(mycompany.callbacktest.bind(mycompany));

edited Aug 13, 2013 at 11:46

answered Aug 13, 2013 at 11:32

Jonathan Lonowski

124k35 gold badges203 silver badges202 bronze badges

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

3 Comments

Himmators Over a year ago

and add the httpRequest to a method

Himmators Over a year ago

I just tried your second suggestion! It seems to work alltough console.log(this) does not return mycompany inside callbacktest, but rather the window-object

Jonathan Lonowski Over a year ago

@KristofferNolgren I edited in a "Note" at the end that may be relevant to that. Did you see that yet? It may also benefit from mixing in Antti's answer.

Antti Haapala · Accepted Answer · 2013-08-13 11:29:28Z

1

If you want to have the constructed company as the this in callback, you can do so by:

// instead of callback(); do:
callback.call(self);

answered Aug 13, 2013 at 11:29

Antti Haapala

135k23 gold badges297 silver badges349 bronze badges

2 Comments

Himmators Over a year ago

Why is this downwoted?

Antti Haapala Over a year ago

Ok thanks for downvote; he says he would want to say "mycompany.callbacktest()" but can't.

Collectives™ on Stack Overflow

Reference javascript object in its variables when declaring it

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related