javascript - Javascript 对象 - 获取变量名称

Question

首先，我什至不确定这是否是正确的方法。

比方说，我有这样的脚本(包括 jquery):

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();

有什么办法，我可以使变量“my_var”在函数“foo”内动态化。 所以我可以做类似的事情

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

谢谢

//编辑:

如果我说得不够清楚，我很抱歉，因为我不太确定自己要做什么。

我的目标是取代线路

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

与

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

所以当我打电话时

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

我将能够调用每个对象内部的函数(在将某些内容附加到文档正文中之后)。

Answer 1

您应该使用匿名处理函数而不是内联事件，如下所示:

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