Javascript 将单击事件绑定到类内的方法

在对象的构造函数中，我创建了一些span标记，需要将它们引用到同一对象的方法

下面是我的代码示例：

$(document).ready(function(){
    var slider = new myObject("name");
});

function myObject(data){
    this.name = data;

    //Add a span tag, and the onclick must refer to the object's method
    $("body").append("<span>Test</span>");
    $("span").click(function(){
        myMethod(); //I want to exec the method of the current object
    }); 


    this.myMethod = myMethod;
    function myMethod(){
        alert(this.name); //This show undefined
    }

}

$（文档）.ready（函数（）{
变量滑块=新的myObject（“名称”）；
});
函数myObject（数据）{
this.name=数据；
//添加一个span标记，onclick必须引用对象的方法
$（“正文”）。附加（“测试”）；
$（“span”）。单击（函数（）{
myMethod（）；//我想执行当前对象的方法
}); 
this.myMethod=myMethod；
函数myMethod（）{
警报（this.name）；//此显示未定义
}
}

使用此代码将调用该方法，但它不是对对象的引用（this.name show undefined） 我如何解决这个问题

---

非常感谢

实现这一目标的一个简单方法：

function myObject(data){
    this.name = data;

    // Store a reference to your object
    var that = this;

    $("body").append("<span>Test</span>");
    $("span").click(function(){
        that.myMethod(); // Execute in the context of your object
    }); 

    this.myMethod = function(){
        alert(this.name); 
    }
}

---

或者我们可以使用

数据

而不是我刚才添加的

this.name

@GokulKav或$.proxy。或绑定。有多个solutions@GokulKav谢谢为什么不使用

数据添加答案呢？很高兴有多个答案显示了不同的选项。我在我的类中尝试了这一点，它没有绑定到click事件，它只是在加载文档时执行该方法。因为
此
将引用当前范围（即触发它的事件，即click）
function myObject(data){
    this.name = data;

    $("body").append("<span>Test</span>");
    $("span").click($.proxy(this.myMethod, this)); 

    this.myMethod = function(){
        alert(this.name); 
    }
}