JavaScript onchange select 绑定(bind)问题

Question

我似乎无法在 Google 中选择正确的关键字来找到此答案。

我正在类中创建一系列函数来处理选择框的更改。下面是一个非常简单的 JavaScript 布局示例:

function example(n) {
  this.name = n;
}

example.prototype.setChange(i) {
  var c = document.getElementById('test' + i );
  for ( var x = 0; x < 10; x++
    c.options[0] = new Option(x, x);
  c.change = this.doChange;
}

example.prototype.doChange() {
  alert(this.name);
}

一切正常，直到我尝试访问“this”。当调用doChange时，这是实际的select html对象而不是类。因为这是一个事件，所以我无法使用 .call(this) 来强制执行正确的绑定(bind)。

Answer 1

通过执行this.doChange，您会丢失this。使用类似的东西

function example(n) {
 this.name = n;

  var self = this;
  this.doChange = function () {
    alert(self.name);
 }
}