Javascript:将 "this"作为 "dom"对象传递，而不是将 "this"作为 "this"函数传递

Question

这可能很难解释。让我们看看这个:

<a onclick="jsFunction (1, 'a', function() { callback(this); }"></a>

回调需要知道 <a>这个电话是从哪里来的。但是这个“这个”并不是我想要的那个“这个”。我知道有一些解决方法:

<a onclick="var _this = this; jsFunction (1, 'a', function() { callback(_this); }"></a>

但我觉得不吉利。有更好的解决方案吗？

Answer 1

你可以使用 bind 做一些不那么尴尬的事情但不多:

<a onclick="jsFunction (1, 'a', (function(){callback(this);}).bind(this))"></a>

这是通常最好不要在 HTML 中内联 javascript 代码的众多原因之一。

我通常更愿意这样写:

<a id=someid></a>

<script>
    $('#someid').click(function(){
        var _this=this;
        jsFunction (1, 'a', function() { callback(_this); });
    });
</script>