使用局部变量调用 onclick

Question

首先，我很抱歉问了一些必须在此处回答的问题（我一直在寻找！）

我想这样做：

var i;
for (i = 0; i < 5; i++) {
  ...
  // Add an anchor to the dom
  ...
  a.onclick = goog.bind(this.doSomething, this);
  ...
}

namespace.Clazz.prototype.doSomething = function(event, index) {
  console.log('index: ' + index);
}

我想要 5 个锚点，每个锚点将 i 的不同值传递给 doSomething 单击时（以及单击事件）。我还想将 this 的上下文保留在 doSomething 中（因此是绑定）。

Answer 1

如果您可以颠倒接收参数的顺序，您应该能够执行此操作...

a.onclick = goog.bind(this.doSomething, this, i);

---

因此您的 doSomething 应该如下所示...

namespace.Clazz.prototype.doSomething = function(index, event) {
  console.log('index: ' + index);
};

---

至少从 Google Closure 库源代码。

Answer 2

a.onclick = (function(i) { return function() {goog.bind.....}; })(i);

这会创建一个新的闭包，其中 i 的值是固定的。

Answer 3

像这样的东西可能更适合你：

a.onclick = function() {
    doSomething(this, i)
}