I'm wondering what is the best way to access the obj variable in this example:
function Module() {
$('foo').on('click', function() {
if (obj.test === true) {
// do something
}
})
return {
setObj: function(obj) {
// what should I do
}
}
}
Is there a simple way to access obj in the click handler. I'm looking for the simplest way possible.
Declare obj where it is in scope to both functions:
function Module() {
var obj;
$('foo').on('click', function() {
if (obj.test === true) {
// do something
}
})
return {
setObj: function(_obj) {
obj = _obj;
}
}
}
If Module is used as a constructor (with new), you could also us this:
function Module() {
var self = this;
$('foo').on('click', function() {
if (self.obj.test === true) {
// do something
}
})
}
Module.prototype.setObj = function ( obj ) {
this.obj = obj;
};
Or with ES6:
function Module() {
$('foo').on('click', _ => {
if (this.obj.test === true) {
// do something
}
})
}
Module.prototype.setObj = function ( obj ) {
this.obj = obj;
};
this if possible.