How do I call variable in function?

Question

please refer to the following code,

var XClass = function () {
    this.dataMember = "hello world";

    $("div").on("click", "button", function() {
        console.log(this.dataMember);   //error 
    });  

}

How do I access this.dataMember in on function? I googled and new on js.

I think this is a better duplicate: [How to access the correct `this` / context inside a callback?](http://stackoverflow.com/q/20279484/218196) — Felix Kling, Mar 20 '15 at 08:14

xlecoustillier · Accepted Answer · 2015-03-20T08:07:32.793

3

Try by assigning this to a variable:

var XClass = function () {
    var that = this;
    this.dataMember = "hello world";

    $("div").on("click", "button", function() {
        console.log(that.dataMember); 
    });  
}

This way, that will refer to the current XClass object. Otherwise, inside a event handler callback, this refers to the object being clicked.

edited Mar 20 '15 at 08:07

answered Mar 20 '15 at 07:46

xlecoustillier

16,183
14
60
85

Evgeniy · Answer 2 · 2015-03-20T07:57:53.833

1

Use bind to set context

var XClass = function () {
    this.dataMember = "hello world";

    $("div").on("click", "button", function() {
        console.log(this.dataMember);   //error 
    }.bind(this));  
}

edited Mar 20 '15 at 07:57

answered Mar 20 '15 at 07:46

Evgeniy

2,915
3
21
35

score 1 · Answer 3 · answered Mar 20 '15 at 07:47

1

Assign this to a variable:

var XClass = function () {
    var self = this;
    this.dataMember = "hello world";

    $("div").on("click", "button", function() {
        console.log(self.dataMember);   // no error 
    });  
}

answered Mar 20 '15 at 07:47

Chris Ledet

11,458
7
39
47

How do I call variable in function?

3 Answers3