javascript - 主干 - 哪个 "this"是 "this"？

Question

这个问题已经有答案了:

How does the "this" keyword work, and when should it be used? (22 个回答)

已关闭 9 年前。

尽管我的知识仍然非常有限，但我在工作中被迫使用 Backbone。

我无法理解“this”元素 - 这是一个示例:

通常，这将是一段 jQuery 代码:

$('.birds').click(function() {
    $(this).fadeOut();
});

我想要实现的是，当单击具有相同类(例如 .birds)的多个元素中的一个元素时，能够对这个特定的单击元素执行操作。

我发现“this”在 View 中使用得非常频繁，但我什至不知道从哪里开始让“this”成为我的“this”。

我希望能简短地解释一下 Backbone 中的内容。

编辑:

谢谢您的链接，我会阅读相关内容。同时 - 假设这个结构:

events: {
    'click .birds' : 'birdsFunction'
},

birdsFunction: {
    $(this).fadeOut();
}

写得是否正确，或者我认为的“this”(带有 .birds 类的点击元素)不是我的“this”？

Answer 1

在Backbone类的方法中，this是对该类对象的引用。因此，在事件监听器方法中，如果您需要访问触发事件的 DOM 节点，请使用 event 参数。

events: {
    'click .birds' : 'birdsFunction'
},

birdsFunction: function(event) {
    // Here (inside the method of class) this will point to current view
    // and not to the DOM node.
    // So let's get this node from event.currentTarget
    // or from event.target property.
    $(event.currentTarget).fadeOut();
}