Java-script object - get variable name

Question

To begin with, I'm not even sure, if it is the right way to do it.

Let's say, i have script (jquery included) like this:

foo = function() {

    this.bar = function() {
    alert('I\'m bar');
    }

    this.test = function() {
    $('body').append('<a onclick="my_var.bar();">Click me</a>');
    }

this.test();

}

var my_var = new foo();

Is there any way, i could make variable "my_var" dynamic inside function "foo". So I could do something like

$('body').append('<a onclick="'+the_variable_which_im_assigned_to+'.bar();">Click me</a>');

Thank you

//Edit:

I'm sorry if i wasn't clear enough, because I'm not quite sure of what I'm trying to do myself.

My goal is to replace line

$('body').append('<a onclick="my_var.bar();">Click me</a>');

with

$('body').append('<a onclick="'+what_ever_should_go_here+'.bar();">Click me</a>');

So when i call

var my_var = new foo();
var your_var = new foo();
var our_var = new foo();

I would be able to call functions inside each object (after they append something into document body).

I don't think it is clear what you are trying to do?

scunliffe
– scunliffe

2010-03-26 12:21:48 +00:00
Commented Mar 26, 2010 at 12:21 — scunliffe
– scunliffe, Commented Mar 26, 2010 at 12:21

SLaks · Accepted Answer · 2010-03-26 12:20:46Z

2

You should use anonymous handler functions instead of inline events, like this:

$('<a href="#">Click Me</a>')
    .click(function() { my_var.bar(); return false; })
    .appendTo('body');

answered Mar 26, 2010 at 12:20

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

Comments

outis · Accepted Answer · 2010-03-26 12:33:04Z

1

In addition to switching from the inline event handler, you'll need to use a closure to access the Foo instance within the handler.

function Foo() {
    var self = this;
    this.test = function() {
        $('body').append(
            $('<button>something</button>').click(function () {
                self.bar(); return false;
        }));
    }
}

answered Mar 26, 2010 at 12:33

outis

77.7k23 gold badges155 silver badges228 bronze badges

2 Comments

Mikk Over a year ago

Thank you, that worked. I was doing it completely wrowng way.

outis Over a year ago

SLaks' code phrasing (chaining all the calls) is cleaner than mine. Keep the use of self and the click handler, but use his click(...).appendTo(...). Note also that a button might make more sense than a link while still calling out to the user to click it (without having to say "click me"), depending on the element's exact purpose.

npup · Accepted Answer · 2010-03-26 12:21:07Z

0

If that's the general plan you want/need to use to attach event handler, yeah, send in the name of the variable to the function that foo refers to:

foo = function(name_of_the_variable_which_im_assigned_to) { [...] };

answered Mar 26, 2010 at 12:21

npup

2,5411 gold badge17 silver badges22 bronze badges

Collectives™ on Stack Overflow

Java-script object - get variable name

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related