在javascript中调用对象内部的对象函数

Question

我正在尝试创建一个 javascript 类并在加载时从 HTML 实例化它的一些对象。该类包含一些函数和一些事件侦听器。

function Rating (id) 
{
    this.id = id;

    $(id).click(function() 
    {
        alert('click '+ this.id);
        this.debug();
    });

    this.debug = function() 
    {
        alert(' debug');
    }
  }

我的目标是从事件监听器调用一个类函数（在这种情况下debug 在点击监听器内）。不幸的是，当我单击对象时，我只看到事件侦听器警报而不是调试警报 (fiddle)。

我知道这是一个基本问题。但是我找到的所有答案都解释了将类创建为变量，而不是函数。我采用这种方式是因为我的目标是在同一个页面中创建该类的多个实例。有没有办法使用“变量类”实例化多个对象并从对象调用内部函数？提前致谢。

Answer 1

经典的一种，事件处理程序中的上下文是window。

最简单的解决方案是在封闭范围内声明一个变量来存储您需要的值：

function Rating (id) 
{
    var r = this;
    this.id = id;

    $(id).click(function() {
        alert('click '+ r.id);
        r.debug();
    });

    this.debug = function() 
    {
        alert(' debug');
    }
  }