2

我将一个名为的 JavaScript 对象放在一起，该对象ListBox接受一个二维数组，并将其输出到具有固定列标题、可滚动内容的表中，并可通过单击列标题进行排序。为了让 HTML 包含调用对象自己的方法的事件处理程序，对象需要知道自己的实例变量名称，例如....

var MyList = new ListBox();

设置列和内容后，适当的方法将生成 HTML...

...
<td class="ListBox_ColumnTitle" onclick="MyList.SortByColumn(1)">...</td>
...

通过在 stackoverflow 上搜索，我找到了以下代码，并对其稍作修改，以便找到正确的对象实例：

for (var v in window) {
    try {
        if (window[v] instanceof ListBox) { InstanceName = v; break; }
        }
    catch (e) { }
    }

然而，这在构造函数中不起作用——它根本找不到实例。之后它工作得很好，但我希望能够在构造函数中做到这一点，以使使用 ListBox 的代码更简单——这可能吗？

我也意识到将变量名作为构造函数的参数传递会更简单，但如果可以的话，我想避免这种情况。

4

2 回答 2

2

您可以通过在脚本中绑定事件而不输出onclick属性来完全避免这个问题。

function ListBox() {
    var that = this;

    // do your existing stuff

    var element = ...; // whatever you're currently doing to create the html
    element.onclick = function () {
        that.SortByColumn(1);
    };
}
于 2012-06-27T18:46:21.903 回答
0

不要这样做。永远不要尝试获取变量的名称。

相反，您应该使用对象和对它们的引用。您不应该生成 HTML（字符串），而是生成 DOM 元素（对象）。您可以轻松地将函数作为事件侦听器分配给它们，只有您可以在您的范围内访问。

于 2012-06-27T18:49:37.637 回答