获取当前类声明的内容

时间:2011-10-18 11:32:28

标签: javascript oop

我正在编写一个操作某些innerHTML& amp;一个div的onclick标签,它在其中放置一些函数,调用类中的某些东西,但是,因为在一个页面上将有多个类的使用。

我想知道是否有可能在课堂上锻炼特定物体的标签?

function Bob() {
    this.test = function()
    {
        alert('test');
    }
    this.Bob = function()
    {
        element.onClick = function() {(some piece of code).test();};
        element.innerHTML = "<a href=\"" + (some piece of code) + ".test();\">Test</a>";
    }
}

2 个答案:

答案 0 :(得分:2)

function Bob() {}
Bob.prototype.test = function () { 
  /* do things */ 
};
Bob.prototype.Bob = function () {
  element.addEventListener("click", function () {
    this.test();
  }.bind(this));
  toArray(element.childNodes).forEach(function (node) {
    element.removeChild(node);
  });
  var button = document.create("button");
  button.classList.add("button-style");
  element.appendChild(button);
  button.addEventListener("click", function () {
    this.test();
  }.bind(this));
};

您希望使用.bind将函数绑定到`thisContext

答案 1 :(得分:1)

function Bob() {
    var self = this;

    this.test = function()
    {
        alert('This is the Bob class');
    }

    element.onClick = function() {
       self.test();
    };
}

由于闭包的工作原理,即使在Bob构造函数返回后,“self”变量仍然会在该元素的onclick内进行检测。

只需让不同的类在测试函数中返回不同的警报消息